作者：Christy-1221 | 来源：互联网 | 2022-07-03 20:39
innerText使用过程中遇到了FireFox的兼容问题FireFox不支持innerText方法但是有个类似的方法，叫textContent，类似innerText，都是用来获取（设置）元素中text的方法,感兴趣的朋友可以参考下
今天在使用innerText时遇到一个兼容性问题，FireFox不支持innerText方法，查了下MDN，发现FireFox下有个类似的方法，叫textContent，它和IE的innerText类似， 都是用来获取（设置）元素中text的方法。
语法 &＃8226;设置
代码如下:
element.textCOntent= “text”;
&＃8226;获取
代码如下:
var text = element.textContent;
代码如下:
Note: textContent和innerText类似，也会同时获取子元素的text content，比如
this is a text!
// div.textCOntent== "this is a text!"
与innerText的区别
&＃8226;textContent会获取所有元素的content，包括``和``元素
&＃8226;innerText不会获取hidden元素的content，而textContent不会
&＃8226;innerText会触发reflow，而textContent不会
&＃8226;innerText返回值会被格式化，而textContent不会
主流浏览器支持情况 &＃8226;IE 9+
&＃8226;Chrome 1+
&＃8226;FireFox(Gecko)
京公网安备 11010802041100号