JavaScript中innerText和innerHTML的区别
2017-11-20 14:51
661 查看
innerText返回或者设置DOM元素的文本
innerHTML返回或者设置DOM元素的子元素
1,返回值的区别
区别:取值时 innerText会把只会获取节点里面的文本信息,而innerHTML 会获取节点下面的所有标签。
2、设置值得区别
效果一
效果二
区别:设置值时 innerText会把html标签当做普通的文本显示,而innerHTML 则不会。
这个世界上没有知识是学不会的,不是吗?如果一开始学不会,就可以把问题细化分解,然后学习更基本的知识。最后,所有问题都能变得和1+1=2一样简单,我们需要的只是时间。好了,最后给大家推荐一个学习Java的好网站JAVA自学网站–how2j.cn
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
相关文章推荐
- JavaScript innerText与innerHtml与value的区别
- JavaScript中innerText,innerHTML,outerText,outerHTML使用心得和区别
- JavaScript中innerText,innerHTML,outerText,outerHTML使用心得和区别
- JavaScript中innerText和innerHTML的区别
- JavaScript中innerText,innerHTML,outerText,outerHTML使用心得和区别
- JavaScript innerText与innerHtml与value的区别
- JavaScript中innerHTML与innerText,createTextNode的区别
- JavaScript innerText与innerHtml与value的区别
- JavaScript中innerHTML与innerText,createTextNode的区别
- javascript中outerHTML innerHTML innerTEXT 三者的区别
- innerText、outerText、innerHTML、outerHTML的区别
- 区别:innerHTML---innerText---createTextNode--document.write
- innerText与innerHTML用法区别
- innerText与innerHTML区别
- js中innerText,value,innerHTML的区别
- jQuery中的text()、html()和val()以及javascript中的innerText、innerHTML和value
- innerHTML、outerHTML 、innerText 、outerText 的区别
- innerText和innerHTML区别
- innerHTML(html())和innerText(text())的区别
- innerHTML属性,outerHTML属性,textContent属性,innerText属性区别详解