美文网首页
innerHTML与innerText

innerHTML与innerText

作者: 王远清orz | 来源:发表于2019-10-09 09:51 被阅读0次
<div id="box">
    我是一个box
    <span>我是一个span</span>
  </div>

<script>
    var box = document.getElementById('box');
    // console.dir(box);
    console.log(box.innerHTML);//我是一个box <span>我是一个span</span>
    console.log(box.innerText);  //我是一个box 我是一个span

    // box.innerHTML = '<b>123</b>'
    box.innerText = '<b>123</b>'
    console.log(box.innerHTML);//&lt;b&gt;123&lt;/b&gt;
    console.log(box.innerText);//<b>123</b>
  </script>

总结:innerHTML可以识别HTML标签;innerText不识别

相关文章

网友评论

      本文标题:innerHTML与innerText

      本文链接:https://www.haomeiwen.com/subject/jkepuctx.html