Code前端首页关于Code前端联系我们

innerText和内部HTML属性有什么区别

terry 2年前 (2023-09-27) 阅读数 81 #数据结构与算法

innerText:

  1. innerText可以获取标签之间的内容。如果标签之间只有文字,则直接获取。如果标签之间存在嵌套标签,则在获取文本时将忽略嵌套标签。
  2. innerText设置标签内容时,如果是纯文本内容,他直接设置或者覆盖设置。如果标签嵌套在标签之间,则在指定文本时仅显示文本。如果添加了文本标签,则该文本标签会添加转义字符。
  3. innerText有兼容性问题。谷歌和IE浏览器支持innerText。较低版本的 Firefox (42) 不支持 innerText。它支持文本内容。较高版本的Firefox同时支持innerText和textContent属性,而IE8及更早版本的浏览器仅支持innerText,不支持textContent。 Google 和 Firefox 支持 textContent。

innerHTML:

  1. 使用inner HTML检索标签之间的内容时,如果标签之间的内容是纯文本,则直接检索。如果标签嵌套在标签之间,则文本和标签将合并。
  2. 使用内部HTML设置标签内容时,如果指定的内容是纯文本,则会直接设置或覆盖。如果设置的内容有嵌套标签,设置文本时只会显示文本。添加文本标签后,文本标签和文本都会在浏览器中呈现。它还可用于动态创建元素。 。
  3. 没有兼容性问题,所有浏览器都支持。

版权声明

本文仅代表作者观点,不代表Code前端网立场。
本文系作者Code前端网发表,如需转载,请注明页面地址。

热门