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 相关文章推荐
extjs 学习笔记(三) 最基本的grid
Oct 15 Javascript
javascript中全局对象的parseInt()方法使用介绍
Dec 19 Javascript
JS实现自适应高度表单文本框的方法
Feb 25 Javascript
jquery 插件实现瀑布流图片展示实例
Apr 03 Javascript
JS基于myFocus库实现各种功能的tab选项卡切换效果
Sep 19 Javascript
微信小程序 时间格式化(util.formatTime(new Date))详解
Nov 16 Javascript
基于BootstrapValidator的Form表单验证(24)
Dec 12 Javascript
node puppeteer(headless chrome)实现网站登录
May 09 Javascript
this在vue和小程序中的使用详解
Jan 28 Javascript
vue通过数据过滤实现表格合并
Nov 30 Javascript
对Layer UI 模块化的用法详解
Sep 26 Javascript
openlayers4.6.5实现距离量测和面积量测
Sep 25 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
PHP4之真OO
2006/10/09 PHP
解决phpmyadmin中文乱码问题。。。
2007/01/18 PHP
php 前一天或后一天的日期
2008/06/28 PHP
php实现aes加密类分享
2014/02/16 PHP
PHP在线调试执行的实现方法(附demo源码)
2016/04/28 PHP
PHP生成图像验证码的方法小结(2种方法)
2016/07/18 PHP
tp5.1 框架数据库高级查询技巧实例总结
2020/05/25 PHP
php与阿里云短信接口接入操作案例分析
2020/05/27 PHP
javascript 火狐(firefox)不显示本地图片问题解决
2008/07/05 Javascript
Mootools 1.2教程 滚动条(Slider)
2009/09/15 Javascript
js切换div css注意的细节
2012/12/10 Javascript
你必须知道的Javascript知识点之"this指针"的应用
2013/04/23 Javascript
js特效,页面下雪的小例子
2013/06/17 Javascript
tangram框架响应式加载图片方法
2013/11/21 Javascript
Jquery解析json数据详解
2013/12/26 Javascript
Node.js中HTTP模块与事件模块详解
2014/11/14 Javascript
jQuery中ajax的get()方法用法实例
2014/12/26 Javascript
微信小程序 wx.request(接口调用方式)详解及实例
2016/11/23 Javascript
详解Vue的computed(计算属性)使用实例之TodoList
2017/08/07 Javascript
Bootstrap栅格系统的使用详解
2017/10/30 Javascript
node.js +mongdb实现登录功能
2020/06/18 Javascript
EXTJS7实现点击拖拉选择文本
2020/12/17 Javascript
[04:44]DOTA2西游记战队视频彩蛋流出 师徒开黑巧遇林书豪
2016/08/03 DOTA
Python中除法使用的注意事项
2014/08/21 Python
django创建最简单HTML页面跳转方法
2019/08/16 Python
基于python读取.mat文件并取出信息
2019/12/16 Python
OpenCV哈里斯(Harris)角点检测的实现
2020/01/15 Python
Python3监控windows,linux系统的CPU、硬盘、内存使用率和各个端口的开启情况详细代码实例
2020/03/18 Python
CSS3实现文本垂直排列的方法
2018/07/10 HTML / CSS
Mio Skincare英国官网:身体紧致及孕期身体护理
2018/08/19 全球购物
通用求职信范文模板分享
2013/12/27 职场文书
大班上学期幼儿评语
2014/04/30 职场文书
搞笑结婚保证书
2015/05/08 职场文书
李强优秀员工观后感
2015/06/16 职场文书
小学教师读书笔记
2015/07/01 职场文书
2015年大学迎新晚会总结
2015/07/16 职场文书