innerText和内部HTML属性有什么区别
innerText:
- innerText可以获取标签之间的内容。如果标签之间只有文字,则直接获取。如果标签之间存在嵌套标签,则在获取文本时将忽略嵌套标签。
- innerText设置标签内容时,如果是纯文本内容,他直接设置或者覆盖设置。如果标签嵌套在标签之间,则在指定文本时仅显示文本。如果添加了文本标签,则该文本标签会添加转义字符。
- innerText有兼容性问题。谷歌和IE浏览器支持innerText。较低版本的 Firefox (42) 不支持 innerText。它支持文本内容。较高版本的Firefox同时支持innerText和textContent属性,而IE8及更早版本的浏览器仅支持innerText,不支持textContent。 Google 和 Firefox 支持 textContent。
innerHTML:
- 使用inner HTML检索标签之间的内容时,如果标签之间的内容是纯文本,则直接检索。如果标签嵌套在标签之间,则文本和标签将合并。
- 使用内部HTML设置标签内容时,如果指定的内容是纯文本,则会直接设置或覆盖。如果设置的内容有嵌套标签,设置文本时只会显示文本。添加文本标签后,文本标签和文本都会在浏览器中呈现。它还可用于动态创建元素。 。
- 没有兼容性问题,所有浏览器都支持。
版权声明
本文仅代表作者观点,不代表Code前端网立场。
本文系作者Code前端网发表,如需转载,请注明页面地址。
上一篇:面试官问什么是CSS重置?怎么回答呢? 下一篇:HTML5学习笔记,标签为
code前端网