innerText innerHTML textContent

最新推荐文章于 2024-05-20 22:08:52 发布
最新推荐文章于 2024-05-20 22:08:52 发布
阅读量800 收藏
点赞数
分类专栏： JavaScript 文章标签： firefox html ie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/perfect5085/article/details/4889356
版权

innerHTML :  IE, FireFox都支持

innerText ： IE支持

textContent : FireFox 支持

 

outerHTML, outerText : IE 支持 

 

innerHTML 设置或获取位于对象起始和结束标签内的 HTML
outerHTML 设置或获取对象及其内容的 HTML 形式
innerText，textContent 设置或获取位于对象起始和结束标签内的文本
outerText 设置(包括标签)或获取(不包括标签)对象的文本

perfect5085
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
innerText，textContent，innerHTML兼容问题和return区别
Chad97的博客
08-22 824
一、兼容问题 *innerText，textContent，innerHTML*这三个方法都是用于网页中插入数据，比较常用的还是innerHTML因为他比较兼容也比较符合标准；但是他们之间在本质上还是有一定的区别，在低版本浏览器上会出现兼容问题，textContent是火狐定义的ie8不支持，innerText是ie定义的低版本火狐不支持下面我来做一些示例： 先定义一个按钮和一个div： &...
textContent和innerText以及innerHTML的区别，结合demo进行理解
祥哥的说
01-09 6981
先看看下面这个demo，不言自明： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body&am
JavaScript中textContent、innerText和innerHTML的用法以及区别
热门推荐
秦哥的博客
09-15 6万+
目录 0.码仙励志 1.textContent的用法 1.设置标签中的文本内容  2.获取标签中的文本内容  2.innerText的用法 1.设置标签中的文本内容 2.获取标签中的文本内容 3.innerHTML的用法 1.设置标签中的文本内容 2.获取标签中的文本内容 4.innerText和textContent的区别 1.兼容代码设置任意的标签中间的任意文本内容 ...
innerHTML、innerText 和 textContent 的区别
16crow的博客
11-15 350
参考https://blog.csdn.net/dexing07/article/details/77947333 通过一个小型案例就能发现区别， 给出一个这样的html结构： <div id="test"> div的文本 <div style="display: none;"> <span>隐藏的内容</span> &...
innerHTML、innerText和textContent之间的区别
zysqttw的博客
10-15 1548
1.innerHTML和innerText之间的区别 首先我在body标签中创建一个div子标签 <div id="box"> innerHTML和innerText之间的区别 <span>span标签</span> </div> 然后我们在script标签中获取div元素，同时把div元素的属性在控制台打印出来 v...
innerHtml,innerText以及textContent的区别
m0_48182769的博客
08-09 795
1、innerText就只会输出标签里面的纯文本内容。 2、innerHTML会把元素标签也给输出出来，可以看成无脑搬运，不管是元素还是节点都搬运过来。 3、textContent会把标签解析后搬运。 基本用法可以参考以下代码运行后的结果： <body> <style> button{ background-color: #D59392; } </style> <div id="box"> &
JavaScript innerHTML和innerText和textContent的区别
qq_61716556的博客
05-22 819
textContent，innerHTML和innerText都是元素的属性，通过修改这个元素的属性可以达到修改元素内容的目的。但是三者之间略有不同。 innerHTML 表示元素所有的后代html。该范围包括文本节点，注释节点，元素节点等内容。在读写该属性时，我们可以获取一个字符串，这个字符串包括元素内部的内容，包含空格，换行，注释。 innerText 表示元素所有的文本内容，包括文本节点，子元素和后代元素的文本节点。值得注意的是不包括注释内容，设置样式为display为none的话，也不会包含
js中innerText/textContent和innerHTML与target和currentTarget的区别
10-17
今天小编就为大家分享一篇关于js中innerText/textContent和innerHTML与target和currentTarget的区别，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
innerHTML属性，outerHTML属性，textContent属性，innerText属性区别详解
09-03
主要介绍了javascript中的innerHTML属性，outerHTML属性，textContent属性，innerText属性区别详解，都是个人经验的总结，分享给大家，希望大家能够喜欢。
javascript textContent与innerText的异同分析
10-28
因为发现网络上很少有这方面的内容，因此就把自己私有blog上的这篇文章搬出来到Boluor的公开blog，方便其它人查阅。
innerText、textContent和innerHTML三者的区别
weixin_34387284的博客
09-26 1060
相同点： “innerText”、“textContent”和“innerHTML”这三个属性都可以设置标签中间的文本内容。 不同点： 设置标签中间的内容 如果内容中含有html标签的话，“innerText”和“textContent”是无法把html标签转化成标签的，而是当做纯文本内容显示出来，而“innerHTML”则可把内容中的标签转化成html标签,例如： <div id="d...
CSS中元素的隐藏和显示(visibility, display)
旷野之路
11-27 1332
 visibility: hidden, visible display: block, inline, none visibility: 控制页面元素的显示和隐藏，不空值元素的位置特征。 document.getElementById("div").style.visibility = "hidden"; //隐藏元素document.getElementById("di
JavaScript中null, undefined 的深入探讨
旷野之路
11-19 1022
 null, undefined相同：当一个变量的值是null, undefined时，表示：我们声明并定义了一个变量，仅仅是这个变量的值是null, undefined. 被调用者：将null, undefined作为参数传入"JavaScript内置函数"时，不会出现异常，内置函数返回：null -> null,  undefined->undefined但typeof函数除外。调用者：在nu
javascript 常量
旷野之路
01-22 911
Javascript特殊数值常量： 常量： 含义: Infinity 表示无穷大的特殊值 NaN(是与处理数值相关的) 特殊的非数值 Number.MAX_VALUE 可表示的最大数值 Number.MIN_VALUE 可表示的最小数值 Number.NaN 特殊的非数字值 Number.POSITIVE_INFINITY 表示正无穷大的特殊值 Number.NEGATIVE_IN
JavaWeb知识点汇总（Tomcat、Servlet、MVC架构、模拟IOC、Filter、Listener）
exercise_smile的博客
05-17 525
Tomcat是Web容器。可以将一个或多个Web项目部署在tomcat服务器中。
HTML静态网页作业(HTML+CSS+JS)——动漫蜡笔小新网页设计制作(4个页面)
weixin_42283461的博客
05-20 341
HTML静态网页作业(HTML+CSS+JS)——动漫蜡笔小新网页设计制作(4个页面)
Web开发——HTML&CSS
最新发布
一切皆是定数的博客
05-20 163
HTML：HyperText Markup Language，超文本标记语言超文本：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内容。标记语言：由标签构成的语言，HTML标签都是预定义好的。HTML代码直接在浏览器中运行，HTML标签由浏览器解析。CSS：Cascading Style Sheet，层叠样式表，用于控制页面的样式（表现）。以下就是html代码以及css样式搭配之后的显示效果。
HTML常见标签-换行标签-水平线标签
weixin_44201223的博客
05-14 185
换行标签 水平线标签
在代码中，使用document.getElementByld()获得存放显示时间的元素，然后将时间保存在time中，通过3个属性innerHTM、 innerText、textContent设置其显示内容。实现效果如图所示，后面两个属性不能解释HTML标签，所以将其原样显示出来。
04-01
clock.innerHTML = time; // innerHTML解释HTML标签 clock.innerText = time; // innerText原样显示 clock.textContent = time; // textContent原样显示 } setInterval(showTime, 1000); // 每秒钟更新一次时间 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

perfect5085

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值