innerText和innerHTML的区别

innerText 和 innerHTML的区别

 
设置文本内容时,使用innerText和innerHTML都可以。
 
1.设置标签内容时,使用innerText会把标签内容当作纯文本显示在页面上。
 1 <body>
 2     <div id="dv">改变</div>
 3     <script>
 4         var div = document.getElementById('dv');
 5         div.onclick = function(){
 6             div.innerText = "<h1>我是标题h1</h1>";
 7             //写或者不写标签它都只是纯文本
 8         }
 9     </script>
10 </body>

 

2.使用innerHTML设置标签才会显示标签的效果，不写标签它只是纯文本。
 1 <body>
 2     <div id="dv">改变</div>
 3     <script>
 4         var div = document.getElementById('dv');
 5         div.onclick = function(){
 6             div.innerHTML = "<h1>我是真正的标题h1</h1>";
 7             //写标签才会显示标签的效果，不写标签它只是纯文本。
 8         }
 9     </script>
10 </body>

 

 
 
 
 
 
posted @ 2019-07-12 17:17  小菜鸡的春天  阅读(156)  评论(0)    收藏  举报