innerHTML 跟innerText区别

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

innerHTML 跟innerText这两个方法都是操作标签的内容，只是在两种角度上有所不同的体现
获取值：
innerHTML:会完全保留html标签和一些换行，也是全部保留
innerText： 获取的是纯文本，自动过滤标签

设置值
innerHTML：会完全保留html标签和一些换行，也就是全部保留
innerText: 设置的是纯文本，即使是含有标签的，也当做字符串输出

innerHTML
:
“↵

我是一个p标签

↵

我是一个p标签

↵ span标签↵ span标签↵ “

innerText
:
“我是一个p标签↵↵我是一个p标签↵↵span标签 span标签”

YangL666
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
innerHTML和innerText的用法和区别
TobEABetterMan_的博客
02-15 1232
文章目录前言一、innerHTML 和 innerText是什么？二、使用步骤1.innerHTML简单示例2.innerText简单示例总结 前言 在学习JavaScript的过程中，不可避免的要使用到dom操作，那么这里来讲一讲HTML DOM innerHTML 和 innerText 使用与区别 提示：以下是本篇文章正文内容，下面案例可供参考 一、innerHTML 和 innerText是什么？ innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML;其实两者之间的区别 i
JavaScript学习 — innerHTML与innerText区别
weixin_67614925的博客
05-20 2234
文章目录各自功能实例区别 各自功能 innerHTML：设置或获取元素内的所有子节点（包括标签、注释和文本节点）。 innerText：获取元素的文本，会过滤掉所以标签，将文档树中的所有文本拼接起来，设置时会把元素所以子节点都删除再重写，利用这一点，可以通过 innerText 属性过滤掉 HTML 标签。 实例区别 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8">
jQuery中实现text()的方法
12-29
一、有这样一段 html <div class=divOne> <p>嘿嘿嘿</p> </div> <div class=divOne> <p>哈哈哈</p> </div> 二、jQuery 的 text() 方法 （1）当直接调用 $().text()时，.text()的作用是（循环）读取（多个）目标元素的textContent/nodeValue 简单实现： function readText(elem) { let node, ret = , i = 0, nodeType = elem.nodeType console.log(nodeType,'
innerHTML与innerText的区别
idiot_MAN的博客
08-11 4793
innerHtml和innerText的区别
innerHTML与innerText区别
热门推荐
蜗牛学习笔记
03-08 8万+
innerHTML指的是从对象的起始位置到终止位置的全部内容,包括Html标签。 innerText 指的是从起始位置到终止位置的内容,但它去除Html标签。 同时，innerHTML 是所有浏览器都支持的，innerText 是IE浏览器和chrome 浏览器支持的，Firefox浏览器不支持。其实，innerHTML 是W3C 组织规定的属性；而innerText 属性是IE浏览器自己的属性，不过后来的浏览器部分实现这个属性罢了。
JavaScript中的innerHTML使用
qq_60115503的博客
04-17 6万+
innerHTML innerHTML属性允许更改html元素的内容,可以设置或返回表格行的开始和结束标签之间的HTML,本篇文章就来给大家介绍关于innerHTML的用法
InnerHtml和InnerText的区别分析
09-06
在编程领域，尤其是在Web开发中，常常会遇到与HTML元素操作相关的属性，其中`InnerHtml`和`InnerText`是两种常见的属性，它们在处理网页内容时有着不同的行为和用途。本文将深入探讨这两个属性的区别，并提供详尽的...
innerhtml用法 innertext用法 以及innerHTML与innertext的区别
09-05
在网页开发中，DOM（Document Object Model）操作是不可或缺的一部分，`innerHTML` 和 `innerText` 是两个常用的属性，用于处理HTML元素的内容。了解它们的用法和区别对于编写兼容性的JavaScript代码至关重要。 `...
innerHTML和innerText的区别
05-10
在 JavaScript 中，innerHTML 和 innerText 是两个常用的属性，它们用于获取 HTML 元素中的内容。虽然它们都是用于获取内容的，但它们在获取内容的方式和结果上有所不同。 innerHTML 属性 innerHTML 属性用于获取 ...
详谈innerHTML innerText的使用和区别
08-29
详谈innerHTML innerText的使用和区别 在HTML文档中，获取或设置标签中的内容是非常重要的。document对象中有innerHTML、outerHTML、innerText和outerText四个属性，它们之间的区别和使用方法是开发者必须掌握的...
innerText和innerHTML的区别
xiaojing的博客
03-21 398
innerHTML和innerText都是返回标签之间的信息，只是innerHTML会将标签一起返回，而innerText只返回标签间的内容。看下面的例子（哈哈，这个例子是我看视频的时候其中的一个例子，拿来用啦，这个例子主要是说data-*的用法的，有兴趣的同学可以去看看data-*（自定义属性）的用法）。&lt;ul id="users"&gt; &lt;li class="item" ...
innerHTML 用法
yihuei123的专栏
04-23 6615
用法：比如在中写了如下的代码：现在用top.innerHTML="..........";的方法就可以向这个id的位置写入HTML代码了。例如top.innerHTML="";就可以在top对应的位置出现一个button了！爽吧，在公告前加javascript就行老，直接改HTML。。。function Test(){        var str="";        str+="Hel
innerHTML和innerText区别
bailizx
05-08 6231
目录 1 总结 2 读取html中元素 3 在设置html元素的时候 1 总结 innnerHTML用来获取标签元素或设置标签元素，包含文本和Html标签。在读取元素的时候，会将文本和Html标签一起读取出来；在设置元素的时候，会覆盖掉原来的元素中文本和标签，如果新的内容包含标签，会解析Html标签，只显示文本，而不将标签显示出来。 innerText用来设置或获取标签内文本内容, ...
【Java 进阶篇】深入了解 JavaScript 的 innerHTML 属性
最新发布
繁依Fanyi的博客
10-18 2405
在深入研究innerHTML属性之前，让我们先了解一下什么是DOM。DOM 是文档对象模型的缩写，它是HTML文档的编程接口，允许开发者通过编程方式访问、操作和更新HTML文档的内容和结构。DOM 将HTML文档表示为一个树状结构，每个HTML元素都是树中的一个节点，我们可以使用JavaScript来访问和修改这些节点。innerHTML是DOM元素的一个属性，它代表了该元素的HTML内容。也就是说，它包含了一个HTML元素的所有子元素、文本和标记。通过innerHTML。
JavaScript之innerHTML和outerHTML，innerText和outerText
Karka_的博客
09-15 4750
innerHTML是符合W3C标准的属性，而innerText只适用于IE浏览器（现在也适应chrome浏览器），因此，尽可能地去使用innerHTML，而少用innerText，如果要输出不含HTML标签的内容，可以使用innerHTML取得包含HTML标签的内容后，再用正则表达式去除HTML标签。--申明当前网页的编码集UTF-8-->--编辑器的名称-->
html--innerHTML用法及和与innerText区别
Schaffer的博客
06-04 1万+
一、innerHTML用法 innerHTML在JS是双向功能：获取对象的内容 或 向对象插入内容； 如：<div id="aa">这是内容</div> 我们可以通过 document.getElementById(‘aa’).innerHTML 来获取id为aa的对象的内嵌内容； 也可以对某对象插入内容，如 document.getElementById(‘abc’).innerHTML=’这是被插入的内容’; 这样就能向id为abc的对象插入内容。 实例： 1.获取段落p的 in
innerHtml的用法及理解
cheng1a的博客
08-18 1万+
innerHtml标签可以获取标签内的html内容，用法为：document.getElementById(‘ xx ’).innerHTMLinnerHtml标签也可以用来设置标签内的html内容，用法为：document.getElementById(‘ xx ’).innerHTML=’需要设置的内容’;
innerHTML和innerText的区别：
weixin_51338296的博客
08-26 449
innerHTML和innerText之间的区别：innerHTML能识别HTML标签，在通过此属性更改HTML内容时，你写入一个html标签，innerHTML能识别出这是一个HTML标签，然后他会将此标签所带的样式应用到内容中去，并且此标签不会被输出到页面中。...
关于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、付费专栏及课程。

余额充值