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控制输入框内字符串长度
May 21 Javascript
解决ueditor jquery javascript 取值问题
Dec 30 Javascript
JavaScript中的Truthy和Falsy介绍
Jan 01 Javascript
JS验证逗号隔开可以是中文字母数字
Apr 22 Javascript
AngularJS ng-controller 指令简单实例
Aug 01 Javascript
jQuery中$.ajax()方法参数解析
Oct 22 Javascript
node.js调用Chrome浏览器打开链接地址的方法
May 17 Javascript
CountUp.js数字滚动插件使用方法详解
Oct 17 Javascript
微信公众号中的JSSDK接入及invalid signature等常见错误问题分析(全面解析)
Apr 11 Javascript
基于aotu.js实现微信自动添加通讯录中的联系人功能
May 28 Javascript
vue实现div可拖动位置也可改变盒子大小的原理
Sep 16 Javascript
jquery实现淡入淡出轮播图效果
Dec 13 jQuery
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
Yii2组件之多图上传插件FileInput的详细使用教程
2016/06/20 PHP
PHP实现的多维数组排序算法分析
2018/02/10 PHP
php 后端实现JWT认证方法示例
2018/09/04 PHP
PHP实现简单计算器小程序
2020/08/28 PHP
jQuery中的bind绑定事件与文本框改变事件的临时解决方法
2010/08/13 Javascript
js返回上一页并刷新代码整理
2012/12/21 Javascript
引用外部脚本时script标签关闭的写法
2014/01/20 Javascript
JS实现自定义简单网页软键盘效果代码
2015/11/05 Javascript
jQuery中on绑定事件后引发的事件冒泡问题如何解决
2016/05/25 Javascript
AngularJS实现一次监听多个值发生的变化
2016/08/31 Javascript
BootStrap中关于Select下拉框选择触发事件及扩展
2016/11/22 Javascript
jquery.zclip轻量级复制失效问题
2017/01/08 Javascript
仿iPhone通讯录制作小程序自定义选择组件的实现
2019/05/23 Javascript
ES6 async、await的基本使用方法示例
2020/06/06 Javascript
ES5和ES6中类的区别总结
2020/12/21 Javascript
Python标准库之循环器(itertools)介绍
2014/11/25 Python
运动检测ViBe算法python实现代码
2018/01/09 Python
python环形单链表的约瑟夫问题详解
2018/09/27 Python
对pandas中两种数据类型Series和DataFrame的区别详解
2018/11/12 Python
对python 自定义协议的方法详解
2019/02/13 Python
pandas.DataFrame的pivot()和unstack()实现行转列
2019/07/06 Python
Python-jenkins模块获取jobs的执行状态操作
2020/05/12 Python
Python读取二进制文件代码方法解析
2020/06/22 Python
python利用os模块编写文件复制功能——copy()函数用法
2020/07/13 Python
Python中读取文件名中的数字的实例详解
2020/12/25 Python
老教师工作总结的自我评价
2013/09/27 职场文书
公司聘任书模板
2014/03/29 职场文书
《跟踪台风的卫星》教学反思
2014/04/10 职场文书
党支部书记四风问题整改措施
2014/09/24 职场文书
2014年手术室工作总结
2014/11/26 职场文书
中班下学期个人工作总结
2015/02/12 职场文书
邹越演讲观后感
2015/06/15 职场文书
2015年秋季学校开学标语
2015/07/16 职场文书
欢送领导祝酒词
2015/08/12 职场文书
Node与Python 双向通信的实现代码
2021/07/16 Javascript
聊聊redis-dump工具安装问题
2022/01/18 Redis