innerText与innerHTML区别
innerText与innerHTML区别
1
<html>
2<head><title>test</title>
3<script language="javascript">
4function show1()
5
{
6
document.all.test.innerText="<font color=blue>test</font>";
7
}
8function 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" 作为一个局部内容显示。
