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 相关文章推荐
js获取单选按钮的数据
Nov 27 Javascript
主页面中的两个iframe实现鼠标拖动改变其大小
Apr 16 Javascript
AJAX跨域请求json数据的实现方法
Nov 11 Javascript
jQuery不使用插件及swf实现无刷新文件上传
Dec 08 Javascript
js分页工具实例
Jan 28 Javascript
微信小程序 获取相册照片实例详解
Nov 16 Javascript
浅谈js数组和splice的用法
Dec 04 Javascript
vue-cli 构建骨架屏的方法示例
Nov 08 Javascript
vue 使用高德地图vue-amap组件过程解析
Sep 07 Javascript
Js参数RSA加密传输之jsencrypt.js的使用
Feb 07 Javascript
微信小程序实现底部弹出模态框
Nov 18 Javascript
Vue 集成 PDF.js 实现 PDF 预览和添加水印的步骤
Jan 22 Vue.js
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
咖啡店都有些什么常规豆子呢?有什么风味在里面
2021/03/04 咖啡文化
PHP测试成功的邮件发送案例
2015/10/26 PHP
学习php设计模式 php实现合成模式(composite)
2015/12/08 PHP
PHP 接入支付宝即时到账功能
2016/09/18 PHP
搭建自己的PHP MVC框架详解
2017/08/16 PHP
Linux下安装Memcached服务器和客户端与PHP使用示例
2019/04/15 PHP
JS 添加网页桌面快捷方式的代码详细整理
2012/12/27 Javascript
2014年50个程序员最适用的免费JQuery插件
2014/12/15 Javascript
angularJS中router的使用指南
2015/02/09 Javascript
javascript解析xml实现省市县三级联动的方法
2015/07/25 Javascript
js判断所有表单项不为空则提交表单的实现方法
2016/09/09 Javascript
JQuery手速测试小游戏实现思路详解
2016/09/20 Javascript
Javascript Function.prototype.bind详细分析
2016/12/29 Javascript
JavaScript继承的特性与实践应用深入详解
2018/12/30 Javascript
JavaScript私有变量实例详解
2019/01/24 Javascript
js 实现 list转换成tree的方法示例(数组到树)
2019/08/18 Javascript
Javascript如何实现双指控制图片功能
2020/02/25 Javascript
Vue实现穿梭框效果
2020/09/30 Javascript
[17:13]DOTA2 HEROS教学视频教你分分钟做大人-斯拉克
2014/06/13 DOTA
go和python变量赋值遇到的一个问题
2017/08/31 Python
TensorFlow saver指定变量的存取
2018/03/10 Python
Python3数据库操作包pymysql的操作方法
2018/07/16 Python
用Python读取几十万行文本数据
2018/12/24 Python
使用python采集Excel表中某一格数据
2020/05/14 Python
python中numpy数组与list相互转换实例方法
2021/01/29 Python
html标签之Object和EMBED标签详解
2013/07/04 HTML / CSS
What is EJB
2016/07/22 面试题
党员先锋岗事迹材料
2014/05/08 职场文书
学习经验演讲稿
2014/05/10 职场文书
四风问题班子对照检查材料
2014/09/27 职场文书
党员干部反四风民主生活会对照检查材料思想汇报
2014/10/12 职场文书
2015年八一建军节演讲稿
2015/03/19 职场文书
总经理司机岗位职责
2015/04/10 职场文书
因工资原因离职的辞职信范文
2015/05/12 职场文书
JMeter对MySQL数据库进行压力测试的实现步骤
2022/01/22 MySQL
mybatis源码解读之executor包语句处理功能
2022/02/15 Java/Android