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
阅读全文
0 0
- JavaScript中innerText和innerHTML的区别
- Javascript 中innerHTML和innerText的区别
- JavaScript中innerText和innerHTML的区别
- 在javascript中innerHTML和innerText的区别,以及innerHTML和innerText在各个版本浏览器的兼容性问题
- innerText和innerHTML的区别
- innerText和innerHTML的区别
- innertext和innerhtml的区别
- innerText和innerHtml的区别
- innerHTml和innerText的区别
- innerText 和innerHTML的区别
- innerHTML和innerText的区别
- innerText和innerHTML的区别
- InnerHtml和InnerText的区别
- innerHTML和innerText的区别
- innerText和innerHtml的区别
- innerHTML和innerTEXT的区别
- innerText和innerHTML的区别
- innerHTML和innertext的区别
- 深度学习和机器学习的相关资料
- 转载:Greenplum负载管理之Resource Queue
- 元器件
- 机器学习-决策树算法代码详解
- 循环队列的顺序存储实现
- JavaScript中innerText和innerHTML的区别
- 卷积层上的滑动窗口(将全连接层转化为卷积层)
- 【蓝桥杯】【等额本金】
- es6笔记·····变量的解构赋值
- 对话框(1)
- fiddler进行弱网测试
- PHP面向对象(常用)
- java的native方法
- python之字符串格式化(format)