zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    剑指offer-二进制中1的个数
    [SHOI 2017] 分手是祝愿
    [SCOI 2010] 字符串
    [BZOJ 2653] middle
    [APIO 2015] 雅加达的摩天楼
    [NOI 2015] 品酒大会
    [SDOI 2015] 星际战争
    [Codeforces 715C] Digit Tree
    [TJOI 2018] 智力竞赛
    [CTSC 2018] 混合果汁
  • 原文地址:https://www.cnblogs.com/jiumen/p/11399741.html
Copyright © 2011-2022 走看看