innerHtml和innerText的区别

最新推荐文章于 2022-08-26 18:00:27 发布
最新推荐文章于 2022-08-26 18:00:27 发布
阅读量358 收藏 1
点赞数
分类专栏： js基础 文章标签： innerHtml和innerText的区别
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43968510/article/details/95317593
版权

前言

1.在js中可以直接通过id名进行innerHtml和innerText的操作

innerHtml 与 innerText的定义

innerHtml的概念:从对象的起始位置到终止位置的全部内容,包括它的子级下面的标签名
如:


hello

id名为hello的div下面的innerHtml内容就是" hello"
innerText的概念: 从对象的起始位置到终止位置的全部内容(不包含标签名字)
如这个例子:
id名为hello的div下面的innerText内容就是" hello"

例子

测试例子运行结果

这是innerHtml运行的结果

在这里插入图片描述

这是innerText运行的结果
在这里插入图片描述

细节:
对于innerHtml是W3C规范, 而innerText是适合Ie浏览器的,推荐使用innerHtml

使用正则表达式去掉标签名

在这里插入图片描述

墨成诗泪如雨
关注
专栏目录
JavaScript学习 — innerHTML与innerText区别
weixin_67614925的博客
05-20 2292
文章目录各自功能实例区别 各自功能 innerHTML：设置或获取元素内的所有子节点（包括标签、注释和文本节点）。 innerText：获取元素的文本，会过滤掉所以标签，将文档树中的所有文本拼接起来，设置时会把元素所以子节点都删除再重写，利用这一点，可以通过 innerText 属性过滤掉 HTML 标签。 实例区别 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8">
innerhtml用法 innertext用法 以及innerHTML与innertext的区别
12-11
上例中的test[removed]的值也就是“<span xss=removed>test1</span> test2 ”。... test.outerHTML: 除了包含innerHTML的全部内容外, 还包含对象标签本身。 上例中的text.outerHTML的值也就是<div i
innerHTML和innerText的区别
05-10
js中innerHTML与innerText的用法与区别
innerHTML与innerText区别
热门推荐
蜗牛学习笔记
03-08 8万+
innerHTML指的是从对象的起始位置到终止位置的全部内容,包括Html标签。 innerText 指的是从起始位置到终止位置的内容,但它去除Html标签。 同时，innerHTML 是所有浏览器都支持的，innerText 是IE浏览器和chrome 浏览器支持的，Firefox浏览器不支持。其实，innerHTML 是W3C 组织规定的属性；而innerText 属性是IE浏览器自己的属性，不过后来的浏览器部分实现这个属性罢了。
innerHTML和innerText的区别：
weixin_51338296的博客
08-26 485
innerHTML和innerText之间的区别：innerHTML能识别HTML标签，在通过此属性更改HTML内容时，你写入一个html标签，innerHTML能识别出这是一个HTML标签，然后他会将此标签所带的样式应用到内容中去，并且此标签不会被输出到页面中。...
innerHTML和innertext的区别
Web_Struggle的博客
10-06 578
innerHTML和innertext的区别很容易区分，那什么时候用innerHTML，innertext呢。 innerHTML获取的是标签的内容。而innertext获取的是标签的节点。 我们来举个例子。
InnerHtml和InnerText的区别分析
09-06
在编程领域，尤其是在Web开发中，常常会遇到与HTML元素操作相关的属性，其中`InnerHtml`和`InnerText`是两种常见的属性，它们在处理网页内容时有着不同的行为和用途。本文将深入探讨这两个属性的区别，并提供详尽的...
innerHTML 和innerText的区别
hztiao的博客
11-26 244
1）innerHTML设置或获取标签所包含的HTML+文本信息(从标签起始位置到终止位置全部内容，包括HTML标签) 2）innerText设置或获取标签所包含的文本信息（从标签起始位置到终止位置的内容，去除HTML标签） 示例： //此时的a对象是p标签对象 console.log(a.innerHTML) //输出的是 Text in DIV console.log(a.innerTEXT) //输出的是 Text in DIV //此时的a对象是外层的div对象...
innerHTML和innerText区别
bailizx
05-08 6359
目录 1 总结 2 读取html中元素 3 在设置html元素的时候 1 总结 innnerHTML用来获取标签元素或设置标签元素，包含文本和Html标签。在读取元素的时候，会将文本和Html标签一起读取出来；在设置元素的时候，会覆盖掉原来的元素中文本和标签，如果新的内容包含标签，会解析Html标签，只显示文本，而不将标签显示出来。 innerText用来设置或获取标签内文本内容, ...
innerHTML与innerText的区别: 前者获取的是dom对象内的所有html元素 后者获取的是dom对象里面的纯文本元素...
weixin_30823001的博客
01-27 410
转载于:https://www.cnblogs.com/classmethond/p/10327927.html
innerHTML（html()）和innerText（text()）的区别
程序人生
11-09 2058
innerHTML（html()）和innerText（text()）的区别 innerHTMl对应jQuery的html()，可以作用于标签； innerText对应jQuery的text()，只能作用于文本。
innerHTML 和 innerTEXT 区别
HAQINXI的博客
12-17 182
val()函数专门用于操作表单中的input。 val() : 这是获取input的value属性值 val(写一个值) ： 这是给input的value属性赋值 value属性 input type=text ,它的value值就是用户输入的内容，当然除了用户输 入外，也可以使用value属性来指定 剩下所有的type类型，value属性值都是显示的声明出来的。 text() ： 给所有（除了input）的html节点赋值文
innerHTML和innerTEXT的区别
alokka的博客
06-12 593
<div id="box"> <p>这是一个P标签</p> <p>这是一个P标签</p> <p>这是一个P标签</p> <p>这是一个P标签</p> </div>var box = document.getElementById("box"); console.log(box.innerText); 这是innerText的用法 ，直接获取标签之间的文本内容
innerHTML和innerText得区别
weixin_45321331的博客
05-17 166
innerHTML和innerText他们都是获取文本内容 innerHTML：是W3C提出得，是标准得,所有浏览器都支持，保留标签和空格 innerText：ie浏览器自己得属性，非标准，不保留标签和空格
关于innerHtml和innerText区别的选择题
最新发布
07-28
当然，我可以为你提供一些关于 innerHTML 和 innerText 的区别的选择题。以下是三道题目： 1. innerHTML 和 innerText 都用于获取或设置元素的内容。以下哪个选项描述了它们之间的主要区别？ A. innerHTML 只返回...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值