innerText和textContent对比及使用介绍


Posted in Javascript onFebruary 27, 2013

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

Javascript 相关文章推荐
jquery Firefox3.5中操作select的问题
Jul 10 Javascript
风吟的小型JavaScirpt库 (FY.JS).
Mar 09 Javascript
js实现GridView单选效果自动设置交替行、选中行、鼠标移动行背景色
May 27 Javascript
使用javascript实现ListBox左右全选,单选,多选,全请
Nov 07 Javascript
ie浏览器使用js导出网页到excel并打印
Mar 11 Javascript
Jquery与Bootstrap实现后台管理页面增删改查功能示例
Jan 22 Javascript
JavaScript拖动层Div代码
Mar 01 Javascript
微信小程序 实现列表项滑动显示删除按钮的功能
Apr 13 Javascript
Vue $emit $refs子父组件间方法的调用实例
Sep 12 Javascript
JS将时间秒转换成天小时分钟秒的字符串
Jul 10 Javascript
vue 实现setInterval 创建和销毁实例
Jul 21 Javascript
Vue $attrs &amp; inheritAttr实现button禁用效果案例
Dec 07 Vue.js
根据IP的地址,区分不同的地区,查看不同的网站页面的js代码
Feb 26 #Javascript
jQuery easyui datagrid动态查询数据实例讲解
Feb 26 #Javascript
jQuery建立一个按字母顺序排列的友好页面索引(兼容IE6/7/8)
Feb 26 #Javascript
jquery创建一个ajax关键词数据搜索实现思路
Feb 26 #Javascript
jQuery创建平滑的页面滚动(顶部或底部)
Feb 26 #Javascript
JavaScript建立一个语法高亮输入框实现思路
Feb 26 #Javascript
js批量设置样式的三种方法不推荐使用with
Feb 25 #Javascript
You might like
操作Oracle的php类
2006/10/09 PHP
Blitz templates 最快的PHP模板引擎
2010/04/06 PHP
全新Mac配置PHP开发环境教程
2016/02/03 PHP
Symfony模板的快捷变量用法实例
2016/03/17 PHP
总结PHP中DateTime的常用方法
2016/08/11 PHP
TP3.2批量上传文件或图片 同名冲突问题的解决方法
2017/08/01 PHP
PHP5.6新增加的可变函数参数用法分析
2017/08/25 PHP
Laravel中的Blade模板引擎示例详解
2017/10/10 PHP
PHP-FPM的配置与优化讲解
2019/03/15 PHP
PHP实现文件上传操作和封装
2020/03/04 PHP
javascript之锁定表格栏位
2007/06/29 Javascript
jQuery Deferred和Promise创建响应式应用程序详细介绍
2013/03/05 Javascript
js中如何复制一个对象并获取其所有属性和属性对应的值
2013/10/24 Javascript
js调试系列 初识控制台
2014/06/18 Javascript
node.js中的fs.readdir方法使用说明
2014/12/17 Javascript
JavaScript中的Math.sin()方法使用详解
2015/06/15 Javascript
Javascript基础之数组的使用
2016/05/13 Javascript
ui组件之input多选下拉实现方法(带有搜索功能)
2016/07/14 Javascript
Vue.js 2.0学习教程之从基础到组件详解
2017/04/24 Javascript
微信小程序发布新版本时自动提示用户更新的方法
2019/06/07 Javascript
JavaScript点击按钮生成4位随机验证码
2021/01/28 Javascript
基于python编写的微博应用
2014/10/17 Python
Python实现一个简单的验证码程序
2017/11/03 Python
Python面向对象之类的封装操作示例
2019/06/08 Python
Python中使用双下划线防止类属性被覆盖问题
2019/06/27 Python
python画双y轴图像的示例代码
2019/07/07 Python
使用PyQt的QLabel组件实现选定目标框功能的方法示例
2020/05/19 Python
使用Keras训练好的.h5模型来测试一个实例
2020/07/06 Python
NYX Professional Makeup英国官网:美国平价专业彩妆品牌
2019/11/13 全球购物
个人公开承诺书
2014/03/28 职场文书
一体化教学实施方案
2014/05/10 职场文书
2015年平安创建工作总结
2015/04/29 职场文书
教师节晚会主持词
2015/06/30 职场文书
优质护理心得体会
2016/01/22 职场文书
浅析InnoDB索引结构
2021/04/05 MySQL
用Python实现屏幕截图详解
2022/01/22 Python