innerHTML属性，outerHTML属性，textContent属性，innerText属性区别详解
更新时间：2015年03月13日 11:19:57 投稿：hebedich
这篇文章主要介绍了javascript中的innerHTML属性，outerHTML属性，textContent属性，innerText属性区别详解，都是个人经验的总结，分享给大家，希望大家能够喜欢。
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能有所帮助。
相关文章
这篇文章主要给大家介绍了如何用JS实现简单的屏幕录像机,文中通过代码示例给大家介绍的非常详细,对大家的学习或工作有一定的帮助,需要的朋友可以参考下2023-12-12
这篇文章主要为大家详细介绍了微信小程序实现翻牌小功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
让JavaScript拥有类似Lambda表达式编程能力的方法
在前几天的博文中我发布了一个可以自定义页码呈现方式的组件，有C#和JavaScript两个版本。2010-09-09
有时候我们需要限制input只能输入有效的数字，有且只有一个小数点，第一个不能为小数点，那么就可以参考下面的函数来实现2018-09-09
这篇文章主要为大家详细介绍了原生JS实现微信通讯录，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-06-06
这篇文章主要为大家详细介绍了javascript实现图片自动轮播切换特效，图片可以自行替换，推荐给大家，有需要的小伙伴可以参考下2015-07-07
最近接触了一下html5，当然，接触过html5的人都知道，html5也不过是提供一些新的标签而已，至于整下实现的核心，还是在javascript这里。2011-08-08
web开发过程中经常碰到需要调用百度地图来视线定位导航的过程,许多技术博客上介绍的都是调用百度地图的api,这篇文章主要给大家介绍了关于前端百度地图添加点并跳转到百度地图进行导航的相关资料,需要的朋友可以参考下2024-07-07
命名空间是通过为项目或库创建一个全局对象，然后将所有功能添加到该全局变量中。通过减少程序中全局变量的数量，实现单全局变量，从而在具有大量函数、对象和其他变量的情况下不会造成全局污染，同时也避免了命名冲突等问题2013-11-11
javascript 判断字符串是否包含某字符串及indexOf使用示例
js javascript 判断字符串是否包含某字符串,String对象中查找子字符及indexOf具体使用，感兴趣的朋友可以参考下2013-10-10
最新评论