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 相关文章推荐
javascript 学习笔记(一)DOM基本操作
Apr 08 Javascript
js判断是否为数组的函数: isArray()
Oct 30 Javascript
文本框倒叙输入让输入框的焦点始终在最开始的位置
Sep 01 Javascript
jquery制作select列表双向选择示例代码
Sep 02 Javascript
JS 获取鼠标左右键的键值方法
Oct 11 Javascript
莱鸟介绍window.print()方法
Jan 06 Javascript
深入解析AngularJS框架中$scope的作用与生命周期
Mar 05 Javascript
基于vue+ bootstrap实现图片上传图片展示功能
May 17 Javascript
手把手教你vue-cli单页到多页应用的方法
May 31 Javascript
Vue 3.x+axios跨域方案的踩坑指南
Jul 04 Javascript
浅谈JavaScript中你可能不知道URL构造函数的属性
Jul 13 Javascript
解决Vue + Echarts 使用markLine标线(precision精度问题)
Jul 20 Javascript
根据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
杏林同学录(七)
2006/10/09 PHP
PHP采用curl模仿用户登陆新浪微博发微博的方法
2014/11/07 PHP
Thinkphp搭建包括JS多语言的多语言项目实现方法
2014/11/24 PHP
PHP获得数组交集与差集的方法
2015/06/10 PHP
详解php设置session(过期、失效、有效期)
2015/11/12 PHP
深入剖析浏览器退出之后php还会继续执行么
2016/05/17 PHP
PHP文件上传操作实例详解
2016/09/27 PHP
php车辆违章查询数据示例
2016/10/14 PHP
thinkPHP框架实现的短信接口验证码功能示例
2018/06/20 PHP
php实现映射操作实例详解
2019/10/02 PHP
解决laravel id非自增 模型取回为0 的问题
2019/10/11 PHP
JavaScript格式化数字的函数代码
2010/11/30 Javascript
使用CSS和jQuery模拟select并附提交后取得数据的代码
2013/10/18 Javascript
jQuery Validate初步体验(二)
2015/12/12 Javascript
详谈javascript异步编程
2016/02/21 Javascript
node.js使用cluster实现多进程
2016/03/17 Javascript
Node.js读写文件之批量替换图片的实现方法
2016/09/07 Javascript
Bootstrap popover用法详解
2016/12/22 Javascript
js实现图片粘贴上传到服务器并展示的实例
2017/11/08 Javascript
详解a标签添加onclick事件的几种方式
2019/03/29 Javascript
JavaScript判断浏览器运行环境的详细方法
2019/06/30 Javascript
基于layui框架响应式布局的一些使用详解
2019/09/16 Javascript
python基础教程之面向对象的一些概念
2014/08/29 Python
Python断言assert的用法代码解析
2018/02/03 Python
Python 25行代码实现的RSA算法详解
2018/04/10 Python
python爬取内容存入Excel实例
2019/02/20 Python
详解python中init方法和随机数方法
2019/03/13 Python
python 标准差计算的实现(std)
2019/07/29 Python
python实现图像外边界跟踪操作
2020/07/13 Python
美体小铺英国官网:The Body Shop英国
2017/01/24 全球购物
Nike法国官方网站:Nike.com FR
2018/07/22 全球购物
JSF面试题:如何管量web层中的Bean,用什么标签。如何通过jsp页面与Bean绑定在一起进行处理?
2012/10/05 面试题
单位办理社保介绍信
2014/01/10 职场文书
党的群众路线教育实践活动查摆问题自查报告
2014/10/10 职场文书
祝寿主持词
2015/07/02 职场文书
css3中2D转换之有趣的transform形变效果
2022/02/24 HTML / CSS