innerText和innerHTML的区别

innerText和innerHTML的区别

1. element.innerText :从起始位置到终止位置的内容，但它去除html标签，同时空格和换行也会去掉。

 <button id="app">按钮</button>
   <script>
       var btn = document.getElementById("app");
       btn.onclick = function(){
       //innerText 不识别html标签
       //若想设置“你好”字体的格式，应该用innerHTML
           btn.innerText="你好";
       }
   </script>

2. element.innerHTML : 起始位置到终止位置的全部内容，包括HTML标签，同时保留空格和换行。

 <button id="app">按钮</button>
   <script>
       var btn = document.getElementById("app");
       btn.onclick = function(){
           btn.innerHTML="<h1>你好</h1>";
       }
   </script>