innerText 和innerHTML的实例对比

小鱼儿 2023-02-17 06:16 9阅读 0赞

![在这里插入图片描述][20200612210601878.png]![在这里插入图片描述][20200612210554957.png]

在这里插入代码片

<!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
    </head>
    
    <body>
        <div></div>
        <p>
            我是文字
            <span>123</span>
        </p>
        <script>
            // innerText 和 innerHTML的区别 
            // 1. innerText 不识别html标签 非标准  去除空格和换行
            var div = document.querySelector('div');
            // div.innerText = '<strong>今天是：</strong> 2019';
            // 2. innerHTML 识别html标签 W3C标准 保留空格和换行的
            div.innerHTML = '<strong>今天是：</strong> 2019';
            // 这两个属性是可读写的  可以获取元素里面的内容
            var p = document.querySelector('p');
            console.log(p.innerText);
            console.log(p.innerHTML);
        </script>
    </body>
    
    </html>

[20200612210601878.png]: https://img-blog.csdnimg.cn/20200612210601878.png
[20200612210554957.png]: https://img-blog.csdnimg.cn/20200612210554957.png

发表评论取消回复

表情：

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

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

相关阅读

相关 innerText 和innerHTML的实例对比

![在这里插入图片描述][20200612210601878.png]![在这里插入图片描述][20200612210554957.png] 在这里插入代码片

小鱼儿/ 2023年02月17日 06:16/ 0 赞/ 10 阅读

相关 innerHTML与innerText区别

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

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

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

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

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

相关 innerHTML,innerText,outHTML区别

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

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

相关 innerHTML和innertext的区别

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

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

相关 JavaScript中innerText和innerHTML的区别

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

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

相关 JavaScript DOM innerHTML和innerText修改元素内容

在上一篇删除子节点的文章中，有提到一个属性innerHTML，元素对象都有innerHTML属性和innerText属性，但一般不用innerText属性，因为有浏览器兼容性问

今天药忘吃喽~/ 2022年05月21日 07:20/ 0 赞/ 234 阅读

相关 innerHTML和innerText

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

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

相关 innerHTML和innerText的区别

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

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

相关 innerText和innerHTML应用

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

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