innerHTML属性,outerHTML属性,textContent属性,innerText属性区别详解


Posted in Javascript onMarch 13, 2015

innerHTML属性用来读取或设置某个节点内的HTML代码。

outerHTML属性用来读取或设置HTML代码时,会把节点本身包括在内。

textContent属性用来读取或设置节点包含的文本内容。

innerText属性和outerText属性在读取元素节点的文本内容时,得到的值是不一样的。它们的不同之处在于设置一个节点的文本属性时,outerText属性会使得原来的元素节点被文本节点替换掉。注意,innerText是非标准属性,Firefox不支持。

1.innerText受CSS影响,textcontent没有这个问题。比如,如果CSS规则隐藏了某段文本,innerText就不会返回这段文本,textcontent则照样返回。

2.innerText返回的文本,会过滤掉空格、换行和回车键,textcontent则不会

3.innerText属性不是DOM标准的一部分,Firefox浏览器甚至没有部署这个属性,而textcontent是DOM标准的一部分。

以上就是本文的全部内容了,希望对大家学习熟悉javascript能有所帮助。

Javascript 相关文章推荐
一个不错的用JavaScript实现的UBB编码函数
Mar 09 Javascript
javascript学习网址备忘
May 29 Javascript
JavaScript 不只是脚本
May 30 Javascript
JavaScript库 开发规则
Jan 31 Javascript
IE的有条件注释判定IE版本详解(附实例代码)
Jan 04 Javascript
键盘KeyCode值列表汇总
Nov 26 Javascript
基于JS实现数字+字母+中文的混合排序方法
Jun 06 Javascript
微信小程序授权获取用户详细信息openid的实例详解
Sep 20 Javascript
Three.js加载外部模型的教程详解
Nov 10 Javascript
JavaScript获取移动设备型号的实现代码(JS获取手机型号和系统)
Mar 10 Javascript
微信公众号生成新浪短网址的实现(快速生成)
Aug 18 Javascript
vue3.0中使用postcss-pxtorem的具体方法
Nov 20 Javascript
JavaScript内存管理介绍
Mar 13 #Javascript
JavaScript中的this关键字使用方法总结
Mar 13 #Javascript
javascript中slice(),splice(),split(),substring(),substr()使用方法
Mar 13 #Javascript
在linux中使用包管理器安装node.js
Mar 13 #Javascript
JQuery中serialize() 序列化
Mar 13 #Javascript
JavaScript中通过prototype属性共享属性和方法的技巧实例
Mar 13 #Javascript
JQuery中$.each 和$(selector).each()的区别详解
Mar 13 #Javascript
You might like
PHP编程过程中需要了解的this,self,parent的区别
2009/12/30 PHP
php中出现空白页的原因及解决方法汇总
2014/07/08 PHP
php的mail函数发送UTF-8编码中文邮件时标题乱码的解决办法
2015/10/20 PHP
PHP 接入支付宝即时到账功能
2016/09/18 PHP
PHP实现多图上传(结合uploadify插件)思路分析
2016/11/30 PHP
php使用preg_match()函数验证ip地址的方法
2017/01/07 PHP
PHP编程实现的TCP服务端和客户端功能示例
2018/04/13 PHP
PHP实现微信小程序人脸识别刷脸登录功能
2018/05/24 PHP
jquery解析JSON数据示例代码
2014/03/17 Javascript
JS实现新浪微博效果带遮罩层的弹出框代码
2015/10/12 Javascript
浅谈jQuery hover(over, out)事件函数
2016/12/03 Javascript
jquery实现折叠菜单效果【推荐】
2017/03/08 Javascript
node.js中http模块和url模块的简单介绍
2017/10/06 Javascript
react配置antd按需加载的使用
2019/02/11 Javascript
ES10的13个新特性示例(小结)
2019/09/23 Javascript
浅谈JavaScript中this的指向更改
2020/07/28 Javascript
Python3安装Pymongo详细步骤
2017/05/26 Python
python中将正则过滤的内容输出写入到文件中的实例
2018/10/21 Python
html5文本内容_动力节点Java学院整理
2017/07/11 HTML / CSS
意大利奢华内衣制造商:Cosabella
2017/08/29 全球购物
塑料制成的可水洗的编织平底鞋和鞋子:Rothy’s
2018/09/16 全球购物
软件测试企业面试试卷
2016/07/13 面试题
彩色的翅膀教学反思
2014/04/25 职场文书
奥巴马获胜演讲稿
2014/05/15 职场文书
创文明城市标语
2014/06/16 职场文书
2014年最新领导班子整改方案
2014/09/27 职场文书
道路交通事故赔偿协议书
2014/10/24 职场文书
场地使用证明模板
2014/10/25 职场文书
教师先进个人材料
2014/12/17 职场文书
入党积极分子半年考察意见
2015/06/02 职场文书
如何写一份具有法律效力的借款协议书?
2019/07/02 职场文书
纯CSS实现酷炫的霓虹灯效果
2021/04/13 HTML / CSS
巧用 -webkit-box-reflect 倒影实现各类动效(小结)
2021/04/22 HTML / CSS
如何用Laravel包含你自己的帮助函数
2021/05/27 PHP
python生成可执行exe控制Microsip自动填写号码并拨打功能
2021/06/21 Python
面试提问mysql一张表到底能存多少数据
2022/03/13 MySQL