innerText和textContent对比及使用介绍

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)