js中innerHTML和innerText的区别

黄大仙No.1

于 2020-08-04 10:44:28 发布

阅读量101

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/qq_44378358/article/details/107781436

版权

javascript 专栏收录该内容

104 篇文章

订阅专栏

本文探讨了JavaScript中innerHTML与innerText属性的使用及差异。innerHTML保留HTML标签显示，如<strong>，而innerText只显示纯文本内容，忽略所有HTML标签。通过示例代码展示了两者的具体应用。

摘要由CSDN通过智能技术生成

innerHTML innerText
<div></div>
<script>
    var div=document.getElementsByTagName('div');
    console.log(div[0]);
    div[0].innerText='today is Monday';
    // for (let i=0;i<5**8;i++);
    div[0].innerHTML='today is <strong>Monday</strong>' +
        '<span>.</span>';
    console.log(div[0].innerHTML);
    console.log(div[0].innerText);
</script>