Firefox: textContent 会把内联的style、scirpt元素的内容读取出来,不支持 innerText。
Opera:textContent都会把内联的style、scirpt元素的内容读取出来,innerText的表现同textContent一致。
IE6~8: innerText不会读取内联样式、script;不支持textContent
IE9+: textContent/innerText 都会读取内联样式、script;
Chrome:textContent/innerText 都会读取内联样式、script;但是,innerText 会跳过(display:none)元素的内容。
textContent 会包含页面直接的空行,并把换行转化为\n;
innerText不会包含页面直接的空行,但把换行转化为空格;
Opera:textContent都会把内联的style、scirpt元素的内容读取出来,innerText的表现同textContent一致。
IE6~8: innerText不会读取内联样式、script;不支持textContent
IE9+: textContent/innerText 都会读取内联样式、script;
Chrome:textContent/innerText 都会读取内联样式、script;但是,innerText 会跳过(display:none)元素的内容。
textContent 会包含页面直接的空行,并把换行转化为\n;
innerText不会包含页面直接的空行,但把换行转化为空格;
<div id="div_1">
<span>hello</span>
<style>body{color:#000;}</style>
<script>function demo(){console.log("demo");}</script>
<span style="display:none">none</span>
<span style="visible:hidden">hidden</span>
</div>
var str = document.getElementById("div_1").textContent
console.log(str);
str = document.getElementById("div_1").innerText
console.log(str);