innerText VS textContent

30 篇文章 0 订阅
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);
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值