0
点赞
收藏
分享

微信扫一扫

innerText 和 innerHTML 的区别

innerText 和 innerHTML 都可以改变和读写元素的内容,但是二者也有一定的区别

element.innerText

不识别 HTML 标签,读写(获取元素内容)时空格和换行都会被去除,是非标准的

<body>

   <div></div>

    <script>

      var ele=document.querySelector('div');

      ele.innerText='<strong>今天星期五</strong>';

    </script>

</body>

结果中没有识别出 HTML 的 strong 标签,并将其打印了出来

element.innerHTML

可以识别 HTML 标签,读写时保留了空格和换行,符合 W3C 标准,使用较多

<body>

   <div></div>

    <script>

      var ele=document.querySelector('div');

      ele.innerHTML='<strong>今天 星期五</strong>';

    </script>

</body>

可以识别出 HTML 的 strong 标签

 

举报

相关推荐

0 条评论