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>"  作为一个整体内容显示。
             对于innerHTML显示  "test" 作为一个局部内容显示。