js中innertext和text的区别
展开全部
innerText返回或者设置DOM元素的文本
innerHTML返回或者设置DOM元素的子元素
1,返回值的区别
1
2
3
4
5
6
7
8
<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、设置值得区别
1
2
3
4
5
6
<div id="div1"></div>
<script>
var div =document.getElementById("div1");
div1.innerText= '这里是文本信息换行'; //看效果一
div1.innerHTML= '这里是文本信息换行';//看效果二
innerHTML返回或者设置DOM元素的子元素
1,返回值的区别
1
2
3
4
5
6
7
8
<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、设置值得区别
1
2
3
4
5
6
<div id="div1"></div>
<script>
var div =document.getElementById("div1");
div1.innerText= '这里是文本信息换行'; //看效果一
div1.innerHTML= '这里是文本信息换行';//看效果二
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询