innerText vs innerHTML vs label vs text vs textContent vs outerText innerText:用于获取或设置元素的文本内容,它只返回元素的纯文本内容,不包括任何HTML标签。 innerHTML:用于获取或设置元素的HTML内容,它返回元素的HTML标签及其包裹的内容。 label:用于标签元素,表示与之相关联的表单元素的标签文本。 text:用于表单元素,表示输入字段的文本内容。 textContent:用于获取或设置元素及其所有后代元素的文本内容,不包括任何HTML标签。 outerText:用于获取或设置元素及其外部包装元素的文本内容,不包括任何HTML标签。

15 浏览
0 Comments

innerText vs innerHTML vs label vs text vs textContent vs outerText innerText:用于获取或设置元素的文本内容,它只返回元素的纯文本内容,不包括任何HTML标签。 innerHTML:用于获取或设置元素的HTML内容,它返回元素的HTML标签及其包裹的内容。 label:用于标签元素,表示与之相关联的表单元素的标签文本。 text:用于表单元素,表示输入字段的文本内容。 textContent:用于获取或设置元素及其所有后代元素的文本内容,不包括任何HTML标签。 outerText:用于获取或设置元素及其外部包装元素的文本内容,不包括任何HTML标签。

我有一个下拉列表,由Javascript填充。

在决定加载时应该显示什么默认值时,我意识到以下属性显示的值完全相同:

  • innerText
  • innerHTML
  • label
  • text
  • textContent
  • outerText

我的研究显示了一些基准测试或其中几个之间的比较,但并不是全部。

我可以根据自己的常识选择其中一个,因为它们提供相同的结果,但是,如果数据发生变化,我担心这不是一个好主意。

我的研究结果是:

  • innerText将显示原始值,忽略其中可能包含的任何HTML格式
  • innerHTML将显示值并应用任何HTML格式
  • label似乎与innerText相同,所以我看不出区别
  • text似乎与innerText相同,但使用了jQuery的简写版本
  • textContent似乎与innerText相同,但保留格式(如\n
  • outerText似乎与innerText相同

我的研究只能带我走到这里,因为我只能测试我所想到的或阅读到的已发布的内容,有人能确认一下我的研究是否正确以及labelouterText是否有特殊之处吗?

0