innerText与innerHTML属性有什么区别

innerText:

  1. innerText可以获取标签间的内容,如果标签间只有文本的话,则是直接获取。如果标签间还有嵌套标签的话,则会将嵌套标签忽略掉获取文本。
  2. innerText在给标签设置内容的时候,如果是纯文本内容的话,则直接设置或者覆盖设置。如果标签间还有嵌套标签的话,设置文本的时候只会显示文本,若加上文本标签,则会将文本标签用转义符进行转义。
  3. innerText有兼容性的问题 ,innerText是谷歌和IE浏览器支持的, 低版本的火狐浏览器(42)不支持innerText,支持的是textContent 。高版本的火狐浏览器,innerText和textContent两个属性都支持,而IE8及之前的浏览器只支持 innerText,不支持textContent,textContent 是谷歌和火狐支持的。

innerHTML:

  1. 使用innerHTML来获取标签间内容的时候,如果标签间是纯文本内容的话,则是直接获取。如果标签间有嵌套标签的话,则会将文本和标签一并获取。
  2. 使用innerHTML 给标签设置内容的时候,如果设置的内容是纯文本的话,则是直接设置或者覆盖设置。如果设置的内容里面,有嵌套标签的话,设置文本的时候只会显示文本,若加上文本标签,则文本标签和文本都会在浏览器中渲染出来,也可以用来做动态创建元素的方式。
  3. 没有兼容性的问题,各浏览器都支持 。
THE END