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 相关文章推荐
怎么让脚本或里面的函数在所有图片都载入完毕的时候执行
Oct 17 Javascript
window.addEventListener来解决让一个js事件执行多个函数
Dec 26 Javascript
根据表格中的某一列进行排序的javascript代码
Nov 29 Javascript
jQuery操作元素css样式的三种方法
Jun 04 Javascript
JavaScript跨平台的开源框架NativeScript
Mar 24 Javascript
JS平滑无缝滚动效果的实现代码
May 06 Javascript
bootstrap flask登录页面编写实例
Nov 01 Javascript
DOM 事件的深入浅出(二)
Dec 05 Javascript
Node调用Java的示例代码
Sep 20 Javascript
获取本机IP地址的实例(JavaScript / Node.js)
Nov 24 Javascript
js判断输入框不能为空格或null值的实现方法
Mar 02 Javascript
浅谈Vue2.4.0 $attrs与inheritAttrs的具体使用
Mar 08 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
用libtemplate实现静态网页生成
2006/10/09 PHP
PHP nl2br函数 将换行字符转成 &amp;lt;br&amp;gt;
2009/08/21 PHP
PHP下判断网址是否有效的代码
2011/10/08 PHP
PHP递归返回值时出现的问题解决办法
2013/02/19 PHP
JavaScript脚本性能的优化方法
2007/02/02 Javascript
js类型检查实现代码
2010/10/29 Javascript
js 判断脚本加载完毕的代码
2011/07/13 Javascript
深入理解javascript中return的作用
2013/12/30 Javascript
Nodejs Post请求报socket hang up错误的解决办法
2014/09/25 NodeJs
JavaScript中的Math.atan2()方法使用详解
2015/06/15 Javascript
javascript仿百度输入框提示自动下拉补全
2016/01/07 Javascript
温习Javascript基础语法之词法结构
2016/05/31 Javascript
JS修改地址栏参数实例代码
2016/06/14 Javascript
Node.js中使用jQuery的做法
2016/08/17 Javascript
网络传输协议(http协议)
2016/11/18 Javascript
html5 canvas 详细使用教程
2017/01/20 Javascript
ReactNative踩坑之配置调试端口的解决方法
2017/07/28 Javascript
浅谈NodeJs之数据库异常处理
2017/10/25 NodeJs
vue 实现 ios 原生picker 效果及实现思路解析
2017/12/06 Javascript
Vue中使用vux配置代码详解
2018/09/16 Javascript
深入理解Vue.js轻量高效的前端组件化方案
2018/12/10 Javascript
vue组件文档(.md)中如何自动导入示例(.vue)详解
2019/01/25 Javascript
Vue vm.$attrs使用场景详解
2020/03/08 Javascript
微信小程序返回上一级页面的实现代码
2020/06/19 Javascript
python将多个文本文件合并为一个文本的代码(便于搜索)
2011/03/13 Python
python继承和抽象类的实现方法
2015/01/14 Python
Python数据类型之Tuple元组实例详解
2019/05/08 Python
PyQt5 窗口切换与自定义对话框的实例
2019/06/20 Python
python实现凯撒密码、凯撒加解密算法
2020/06/11 Python
Carolina Lemke Berlin澳大利亚官网:时尚太阳镜品牌
2019/09/17 全球购物
保加利亚手表、香水、化妆品和珠宝购物网站:Brasty.bg
2020/04/22 全球购物
大学生翘课检讨书范文
2014/10/06 职场文书
售后服务质量承诺书
2015/04/29 职场文书
2015年秋季运动会加油稿
2015/07/22 职场文书
零基础学java之方法的定义与调用详解
2022/04/10 Java/Android
设置IIS Express并发数
2022/07/07 Servers