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，所有内容都将被覆盖