在js中innerHTML与innerText的区别

最新推荐文章于 2022-08-26 18:00:27 发布

Kobe_G

最新推荐文章于 2022-08-26 18:00:27 发布

阅读量1.6k

点赞数 5

分类专栏： JS 文章标签： innerHTML innerText innerHTML和innerText的区别

本文链接：https://blog.csdn.net/Kobe_G/article/details/83003095

版权

JS 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

innerHTML：获取双闭合标签里面的html内容，并且要识别标签。
innerText：获取双闭合标签里面的文本内容，不会识别html标签。

具体看下方代码演示：（只展示了body和script里面的代码）

<body>
    <div id="box1">
        我是box1的内容
        <div>
            我是box2的内容
        </div>
    </div>
</body>


<script>
        //分别在控制台输出box1的innerHTML和innerText属性

        console.log(document.getElementById("box1").innerHTML);

        console.log(document.getElementById("box1").innerText);

</script>

运行之后控制台输出如下图：