innerText和textContent对比及使用介绍
更新时间：2013年02月27日 10:53:35 作者：
innerText使用过程中遇到了FireFox的兼容问题FireFox不支持innerText方法但是有个类似的方法，叫textContent，类似innerText，都是用来获取（设置）元素中text的方法,感兴趣的朋友可以参考下
今天在使用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)
语法
•设置
复制代码 代码如下:
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)
相关文章
本文介绍了如何使用Javascript中的this关键字，文中代码简单易懂，对大家的学习或工作有一定帮助，需要的朋友可以参考下2020-05-05
这篇文章主要为大家详细介绍了JavaScript仿微博发布信息案例,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-11-11
用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例
用js实现table单元格宽度和高度调整,有合并单元格也可以的.兼容IE6,7,8以及FF,附上代码css,html,js三部份，有需要的朋友可以参考一下2013-06-06
这篇文章主要介绍了禁用JavaScript控制台调试的方法,需要的朋友可以参考下2014-03-03
JavaScript中运算符规则的隐式类型转换是什么? 这是每个学习Javascript的新手们都应该知道的一个问题，下面这篇文章主要给大家介绍了关于JavaScript中运算符规则和隐式类型转换的相关资料，需要的朋友可以参考借鉴，下面来一起看看吧。2017-09-09
列表组是灵活又强大的组件,不仅能用于显示一组简单的元素,还能用于复杂的定制的内容。本文给大家介绍Bootstrap列表组组件，感兴趣的朋友一起学习吧2016-05-05
这篇文章主要为大家详细介绍了localStorage实现便签小程序的相关资料,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-11-11
本文主要介绍了JavaScript函数返回值,包括基本返回值、多返回值、异步函数的返回值等,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2024-01-01
今天上午，非常郁闷，有很多简单基础的问题搞得我有些迷茫，哎，代码几天不写就忘。目前又不当COO，还是得用心记代码哦！2013-05-05
这篇文章主要为大家详细介绍了基于JavaScript实现焦点图轮播效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
最新评论