innerHtml和innerText的区别

innerText  与 innerHtml 都是打印标签之间的文本信息

1、innerText 打印标签之间的纯文本信息，会将标签过滤掉，低版本的火狐浏览器不支持，而是支持textContent

  1. <!doctype html>  
  2. <html lang="en">  
  3. <head>  
  4.     <meta charset="UTF-8">  
  5.     <title>Document</title>  
  6. </head>  
  7. <body>  
  8.     <div id="box">  
  9.         <p>这是P标签</p>  
  10.     </div>  
  11. </body>  
  12.   
  13. <script>  
  14.     var box = document.getElementById("box");  
  15.     //打印标签之间的纯文本信息，会将标签过滤掉  
  16.     var str = box.innerText;      
  17.     console.log(str);  
  18. </script>  
  19. </html>
  20. 打印结果是
  21. 这是P标签

2、innerHtml 打印标签之间的内容，包括标签和文本信息，各浏览器都支持，但是高版本的浏览器会原样打印

  1. 打印结果是 <p>这是P标签</p>  

 

posted on 2018-05-14 10:12  妍若菲  阅读(89)  评论(0)    收藏  举报

导航