innerText与innerHTML区别
innerText与innerHTML区别
1
<html>
2
<head><title>test</title>
3
<script language="javascript">
4
function show1()
5
{
6
document.all.test.innerText="<font color=blue>test</font>";
7
}
8
function show2()
9
{
10
document.all.test.innerHTML="<font color=blue>test</font>";
11
}
12
</script>
13
</head>
14
<body>
15
<table><tr><td id=test><font color=red>innerText</font></td>
16
</tr></table>
17
<a href="javascript:show1();">testinnerText</a>
18
<a href="javascript:show2();">testinnerHTML</a>
19
</body>
20
</html>
21
结果:对于innerText 显示 "<font color=bule>test</font>" 作为一个整体内容显示。
<html>2
<head><title>test</title>3
<script language="javascript">4
function show1()5
{6
document.all.test.innerText="<font color=blue>test</font>";7
}8
function show2()9
{10
document.all.test.innerHTML="<font color=blue>test</font>";11
}12
</script>13
</head>14
<body>15
<table><tr><td id=test><font color=red>innerText</font></td>16
</tr></table>17
<a href="javascript:show1();">testinnerText</a>18
<a href="javascript:show2();">testinnerHTML</a>19
</body>20
</html>21

对于innerHTML显示 "test" 作为一个局部内容显示。



浙公网安备 33010602011771号