你的位置:首页 > Java教程

[Java教程]innerHTML和innerText的区别


<p id="example">welcome to <strong>JavaScript</strong> !!!</p>为例;

 

innerHTML属性:

 

innnerText属性:

 

以上可以看出:

innerHTML属性会把p标签包含的内容全部打印出来包括p标签里面的标签

innnerText属性会把p标签包含的内容全部打印出来,但不会打印包含在p标签里面的标签

 

特别指出:

现如今的浏览器几乎都支持属性innnerHTML,这个属性不是W3C DOM标准的组成部分,但现在已经包含到HTML5的规范中

innerText属性的兼容性不好,firefox并不支持这个属性,在平时使用中尽量少用

 

很明显,innerHTML属性没有细节可言,他就像一把大锤那样粗放,如果只需要把一大段HTML内容插入网页时,innerHTMl属性更合适,它既支持读取又支持写入,一旦写入innerHTML,全部内容都将被覆盖