今天在使用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)

　　推荐阅读

　　js自定义方法通过隐藏iframe实现文件下载

通过隐藏iframe实现文件下载的js方法 复制代码 代码如下: <script> function download() { //下载文件的地址 var url="http://music.baidu.com/data/music/file?link=http://zhangmenshiting.baidu.com/data2/musi>>>详细阅读

本文标题：innerText和textContent对比及使用介绍

地址：http://www.17bianji.com/kaifa2/JS/22334.html

 1/2    1