Fatal编程技术网
  • javascript/
  • Javascript 检索隐藏元素的innerText

Javascript 检索隐藏元素的innerText

javascript

Javascript 检索隐藏元素的innerText,javascript,innertext,Javascript,Innertext,我试图获取元素的innerText，但Chrome返回一个空字符串，因为我的元素是隐藏的 Firefox没有 有没有办法在Chrome中检索内部文本，即使元素不可见 console.log（document.querySelector（'div'）.innerText+'：'+document.querySelector（'div'）.innerHTML） div{ 身高：0； 溢出：隐藏； } 你好，我是空的 您希望为此使用textContent，因为它从隐藏元素返回文本 document

我试图获取元素的
innerText
，但Chrome返回一个空字符串，因为我的元素是隐藏的

Firefox没有

有没有办法在Chrome中检索
内部文本
，即使元素不可见

console.log（document.querySelector（'div'）.innerText+'：'+document.querySelector（'div'）.innerHTML）

div{
身高：0；
溢出：隐藏；
}



你好，我是空的

您希望为此使用
textContent
，因为它从隐藏元素返回文本


document.querySelector('div').textContent


国家


TextContent
不同于
innerText

Internet Explorer引入了
节点.innerText


意图是相似的
但有以下区别：

而
textContent
获取所有元素的内容，包括

而
元素，
innerText
则没有


innerText
了解样式
并且不会返回隐藏元素的文本，而
textContent

威尔。

由于
innerText
知道CSS样式，它将触发回流，
而
textContent
则不会

这不是Chrome bug，而是Firefox bug，
innerText
不应该返回隐藏元素的内容。
innerText
在所有浏览器上都存在

以下是支持良好内部文本的浏览器



谢谢：）将尽快接受。但是你知道为什么Chrome会为隐藏元素的
innerText
返回一个空字符串吗？只是出于好奇。编辑：看到您编辑了，再次感谢：请注意，文本
textContent
也将返回
标记之间包含的文本考虑到您的屏幕截图是完全绿色的，我非常支持这些文字：P