innerText VS textContent

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不会包含页面直接的空行,但把换行转化为空格;

<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);

你可能感兴趣的:(innerTEXT)