JS中innerText和innerHTML的区别

最新推荐文章于 2022-04-22 10:02:30 发布
最新推荐文章于 2022-04-22 10:02:30 发布
阅读量116 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42395998/article/details/114447093
版权

html javascript jquery

  1. innerText主要是设置文本的，用来设置标签内容是没有标签的效果的。

  2. innerHTML主要的作用是在标签中设置新的html标签内容，是有标签效果的。

所以说想要设置标签内容，使用innerHtml，想要设置文本内容可以使用innerText或者textContent或者innerHTML,推荐使用innerHTML

用innerText获取标签中的文本内容的时候，如果文本内容里面还有标签，那么文本内容中的标签是获取不到的，而innerHtml可以获取到文本内容中的标签。

ps.类比JQuery中的html()和text()方法记忆

℡folk
关注
JavaScript学习 — innerHTML与innerText区别
weixin_67614925的博客
05-20 2286
文章目录各自功能实例区别 各自功能 innerHTML：设置或获取元素内的所有子节点（包括标签、注释和文本节点）。 innerText：获取元素的文本，会过滤掉所以标签，将文档树中的所有文本拼接起来，设置时会把元素所以子节点都删除再重写，利用这一点，可以通过 innerText 属性过滤掉 HTML 标签。 实例区别 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8">
javascript中innerText和innerHTML属性用法实例分析
10-24
总结来说，`innerText`和`innerHTML`是JavaScript中非常实用的属性，通过理解它们的作用和特性，开发者能够更加灵活地处理HTML文档内容。在使用时，选择合适的属性根据实际需要进行操作，是编写有效且安全JavaScript...
Js—innerHTML和innerText的区别
weixin_30852367的博客
04-02 475
1.innerHTML属性和innerText属性 　　都是对元素的一个操作，简单讲，innerHTML可以在某种特定环境下重构某个元素节点的DOM结构，innerText只能修改文本值 　　在JavaScript高级程序设计(第三版)是这样描述的： 　　　　在只读模式下，innerHTML返回与调用元素的所有子节点(包括元素、注释和文本节点）对应的HTML标记。 　　　　 ...
innerHTML与innerText区别
热门推荐
蜗牛学习笔记
03-08 8万+
innerHTML指的是从对象的起始位置到终止位置的全部内容,包括Html标签。 innerText 指的是从起始位置到终止位置的内容,但它去除Html标签。 同时，innerHTML 是所有浏览器都支持的，innerText 是IE浏览器和chrome 浏览器支持的，Firefox浏览器不支持。其实，innerHTML 是W3C 组织规定的属性；而innerText 属性是IE浏览器自己的属性，不过后来的浏览器部分实现这个属性罢了。
js中innerText和innerHTML区别
最新发布
04-02
innerText和innerHTML都是用于获取或设置元素内容的属性，但是有几点区别： 1. innerText只能获取或设置元素的文本内容，而innerHTML可以获取或设置元素的HTML内容，包括标签、属性和文本。 2. innerText会忽略...
javascript innerText和innerHtml应用
10-29
### JavaScript中innerText与innerHTML的应用详解 在Web开发中，JavaScript是一种非常重要的客户端脚本语言，它可以帮助我们实现页面上的动态效果。在JavaScript中，`innerText`与`innerHTML`是两个非常常用的属性...
js中innerText/textContent和innerHTML与target和currentTarget的区别
10-17
今天小编就为大家分享一篇关于js中innerText/textContent和innerHTML与target和currentTarget的区别，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
js中innerHTML和innerText区别
QiaoZhi486的博客
06-18 272
1、innerHTML：也就是从对象的起始位置到终止位置的全部内部（包含Html标签） 2、innerText：从起始位置到终止位置的内容（不包含Html标签，只包含标签中的内容） 案例： <div id = "test"> <span style = "color:red">test</span> </div> <a href="javascript:alert(test.innerHTML)">innerHTML内容</a>
innerHTML和innerText的区别
05-10
js中innerHTML与innerText的用法与区别
JavaScript中innerText和innerHTML的区别
瓜爪牛的博客
11-20 489
innerText返回或者设置DOM元素的文本 　　innerHTML返回或者设置DOM元素的子元素 　　1，返回值的区别 　　<div id="div1"> <p>文本信息</p> </div> <script> var div =document.getElementById("div1"); var text = div1.innerText; // tex
innerHTML与innerText的区别
weixin_30402343的博客
10-02 3897
1、innerHTML: 　　也就是从对象的起始位置到终止位置的全部内容,包括Html标签。 2、innerText: 　　从起始位置到终止位置的内容, 但它去除Html标签 举例： <div id="test"> <span style="color:red">test1</span> test2</div> <a hr...
js中innerText和innerHTML的区别
好学而不勤问非真好学者
02-20 360
innerText和innerHTML 首先我要说一下，这两个都有获取值和赋予值的方法。 innerText();innerHTML();里面不传参数就是获取值。传参数就是赋予值。 以IE为测试对象。 首先我们说，赋值 innerText <!DOCTYPE html> <html> <head> <meta charset="utf...
innerhtml和innertext区别
qq_39606051的博客
04-22 208
1、innerHTML: 也就是从对象的起始位置到终止位置的全部内容,包括Html标签。 2、innerText: 从起始位置到终止位置的内容, 但它去除Html标签 来源：https://blog.csdn.net/weixin_30402343/article/details/95124530
innerHTML和innerText区别
XiaopinOo的博客
11-15 336
首先innerHTML获取到的标签的内容包括标签本身，而innerText获取到的标签的内容不包括标签 其次对于火狐浏览器，不支持innerText方式获取变迁内容 因为innerHTML是ECMASCRIPT规范中定义的用来获取标签内容的。而innerText是IE自己研究的，但是后来大部分浏览器也相继实现了这个innerText， 所以一般推荐使用innerHTML获取标签的内容，如果只
innerHTML 和 innerText区别
web前端wyy的专栏
01-09 417
innerHTML适用所有浏览器，获得值为所有标签和内容 innerText  只适用IE，获得值只是标签内的文本
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

℡folk

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

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

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

打赏作者

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

抵扣说明：

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

余额充值