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