JavaScript中innerText和innerHTML的区别

Bertha 。 2022-06-05 06:39 220阅读 0赞

innerText返回或者设置DOM元素的文本  
　　innerHTML返回或者设置DOM元素的子元素  
　　1，返回值的区别

<div id="div1">
          <p>文本信息</p>
    </div>
    <script> var div =document.getElementById("div1"); var text = div1.innerText; // text --》文本信息 var html= div1.innerHTML; // html--》 <p>文本信息</p> </script>

区别：取值时 innerText会把只会获取节点里面的文本信息，而innerHTML 会获取节点下面的所有标签。

2、设置值得区别

<div id="div1"></div>
    <script> var div =document.getElementById("div1"); div1.innerText= '这里是文本信息换行'; //看效果一 div1.innerHTML= '这里是文本信息换行';//看效果二 </script>

效果一  
　![这里写图片描述][b03533fa828ba61e0cb2fbb54634970a314e59cf.jpg]  
　效果二  
　![这里写图片描述][962bd40735fae6cdadc698fb08b30f2442a70f3d.jpg]  
　　　区别：设置值时 innerText会把html标签当做普通的文本显示，而innerHTML 则不会。

--------------------

这个世界上没有知识是学不会的，不是吗？如果一开始学不会，就可以把问题细化分解，然后学习更基本的知识。最后，所有问题都能变得和1+1=2一样简单，我们需要的只是时间。好了，最后给大家推荐一个学习Java的好网站 [JAVA自学网站–how2j.cn][JAVA_how2j.cn]

[b03533fa828ba61e0cb2fbb54634970a314e59cf.jpg]: /images/20220605/806eb8281f3d4f77959cd181ff7ac72e.png
[962bd40735fae6cdadc698fb08b30f2442a70f3d.jpg]: /images/20220605/af794ffdb6104255ac2560ef6bda67ec.png
[JAVA_how2j.cn]: http://how2j.cn?p=21250

发表评论取消回复

表情：

评论列表（有 0 条评论，220人围观）

还没有评论，来说两句吧...

相关阅读

相关 innerHTML与innerText区别

document 对象中有innerHTML和innerText 两个属性，这两个属性都是获取document对象的文本内容的，这两个属性间有哪些区别呢？通过几个例子

清疚/ 2022年08月07日 03:57/ 0 赞/ 209 阅读

相关 innerHTML、innerText和outerHTML、outerText的区别

1、区别描述如下： innerHTML 设置或获取位于对象起始和结束标签内的 HTML outerHTML 设置或获取对象及其内容的 HTML 形式 inn

布满荆棘的人生/ 2022年07月28日 10:49/ 0 赞/ 179 阅读

相关 javaScript中outerHTML,innerHTML,innerText,outerText的区别

使用innerHTML的时候将找着元素的内容（不包含元素本身）使用outerHTML的时候将找着元素的内容（包含元素本身） innerText,outerTex

深碍√TFBOYSˉ_/ 2022年07月17日 01:39/ 0 赞/ 207 阅读

相关 javascript中innerHTML、innerText、outertHTML的区别与各自的用法

示例代码： <div id="test"> <span style="color:red">test1</span> test2 </div> test.inne

Dear 丶/ 2022年06月14日 12:13/ 0 赞/ 233 阅读

相关 innerHTML,innerText,outHTML区别

innerHTML 设置或获取位于对象起始和结束标签内的 HTML outerHTML 设置或获取对象及其内容的 HTML 形式 innerText 设置或获取位于对

痛定思痛。/ 2022年06月11日 06:51/ 0 赞/ 184 阅读

相关 innerHTML和innertext的区别

innerHTML和innertext的区别很容易区分，那什么时候用innerHTML，innertext呢。 innerHTML获取的是标签的内容。而innertext获取

柔光的暖阳◎/ 2022年06月07日 02:12/ 0 赞/ 419 阅读

相关 JavaScript中innerText和innerHTML的区别

　　innerText返回或者设置DOM元素的文本　　innerHTML返回或者设置DOM元素的子元素　　1，返回值的区别　　 <div id="d

Bertha 。/ 2022年06月05日 06:39/ 0 赞/ 221 阅读

相关 innerHTML和innerText

<%@ page language="java" import="java.util." pageEncoding="utf-8"%> <%@ page imp

﹏ヽ暗。殇╰゛Y/ 2022年04月17日 04:18/ 0 赞/ 218 阅读

相关 innerHTML和innerText的区别

innerHTML 获得：得到元素内部所有标签的内容和标签设置：内容中包含了标签，标签是起作用 innerText 获得：得到元素内部的文本，没有标签

末蓝、/ 2022年02月23日 08:48/ 0 赞/ 216 阅读

相关 innerText和innerHTML应用

![055242240.gif][] innerText和innerHtml看字面也应该理解的了看看代码 <head runat="server"> <ti

怼烎@/ 2021年12月10日 23:09/ 0 赞/ 296 阅读