九门宁生

导航

innerText和innerHTML 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <div id="box">
    我一个div
    <span>这是一个span</span>
  </div>

  <b>123</b> &quot;
  &lt;b&gt;
  1231231     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;abadf
  <script>
    var box = document.getElementById('box');
    // box.id
    // console.dir(box);

    // // innerHTML  innerText 
    // // 获取开始标签和结束标签之间的内容
    // // 
    // // innerHTML  获取内容的时候，如果内容中有标签，会把标签页获取到
    // // 原封不动把内容获取到
    // console.log(box.innerHTML);
    // // innerText  获取内容的时候，如果内容中有标签，会把标签过滤掉
    // // innerText 会把前后的换行和空白都去掉
    // console.log(box.innerText);


    // 设置标签之间的内容
    // box.innerHTML = '';  // 清空内容
    
    // 通过innerHTML 设置内容，如果内容中带标签，会以HTML的方式来解析
    // box.innerHTML = '<b>黑马</b>程序猿';
    // 
    // 通过innerText 设置内容，如果内容中带标签，在网页上会把标签显示出来
    box.innerText = '<b>男</b>程序猿';
  </script>
  

</body>
</html>

 

posted on 2019-08-23 14:16  九门宁生  阅读(255)  评论(0)    收藏  举报