innerText和textContent

BetaRabbit

今天在使用innerText时遇到一个兼容性问题,FireFox不支持innerText方法,查了MDN,发现FireFox下有个类似的方法,叫textContent,它和IE的innerText类似, 都是用来获取(设置)元素中text的方法。

语法

  • 设置

element.textContent = “text”;
  • 获取

var text = element.textContent;

Note: textContent和innerText类似,也会同时获取子元素的text content,比如

<div>this is <span>a</span> text!</div>
// div.textContent == "this is a text!"

innerText的区别

  • textContent会获取所有元素的content,包括<script><style>元素

  • innerText不会获取hidden元素的content,而textContent

  • innerText会触发reflow,而textContent不会

  • innerText返回值会被格式化,而textContent不会

主流浏览器支持情况

  • IE 9+

  • Chrome 1+

  • FireFox(Gecko)

阅读 4.7k

笨兔子
记录些随想、问题解决方法和平时学习的总结

全栈,猫奴

1.4k 声望
22 粉丝
0 条评论

全栈,猫奴

1.4k 声望
22 粉丝
文章目录
宣传栏