innerText vs innerHTML vs label vs text vs textContent vs outerText innerText:用于获取或设置元素的文本内容,它只返回元素的纯文本内容,不包括任何HTML标签。 innerHTML:用于获取或设置元素的HTML内容,它返回元素的HTML标签及其包裹的内容。 label:用于标签元素,表示与之相关联的表单元素的标签文本。 text:用于表单元素,表示输入字段的文本内容。 textContent:用于获取或设置元素及其所有后代元素的文本内容,不包括任何HTML标签。 outerText:用于获取或设置元素及其外部包装元素的文本内容,不包括任何HTML标签。
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
相同
我的研究只能带我走到这里,因为我只能测试我所想到的或阅读到的已发布的内容,有人能确认一下我的研究是否正确以及label
和outerText
是否有特殊之处吗?