今天在使用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)
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。