JavaScript中innerText和innerHTML的區別

　　innerText返回或者設置DOM元素的文本
　　innerHTML返回或者設置DOM元素的子元素
　　1，返回值的區別
　　

<div id="div1">
      <p>文本信息</p>
</div>
<script>
    var div =document.getElementById("div1"); 
    var text = div1.innerText; // text --》文本信息
    var html= div1.innerHTML; // html--》 <p>文本信息</p>
</script>

　　區別：取值時 innerText會把只會獲取節點裏面的文本信息，而innerHTML 會獲取節點下面的所有標籤。

　　2、設置值得區別
　　

<div id="div1"></div>
<script>
    var div =document.getElementById("div1"); 
    div1.innerText= '這裏是文本信息換行'; //看效果一
    div1.innerHTML= '這裏是文本信息換行';//看效果二
</script>

　效果一
　
　效果二
　
　　　區別：設置值時 innerText會把html標籤當做普通的文本顯示，而innerHTML 則不會。
　　　

---

　　　這個世界上沒有知識是學不會的，不是嗎？如果一開始學不會，就可以把問題細化分解，然後學習更基本的知識。最後，所有問題都能變得和1+1=2一樣簡單，我們需要的只是時間。好了，最後給大家推薦一個學習Java的好網站JAVA自學網站–how2j.cn