JavaScript中innerText和innerHTML的区别

来源:互联网 发布:量子网络代替互联网 编辑:程序博客网 时间:2024/06/06 03:43

  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

原创粉丝点击