Question

脚本中的innerText和innerHtml和value的区别

Answer 1

<div id="clickMe">关注<span>1111</span></div>

var div = document.getElementById("clickMe");
console.log(div.innerText) //打印输出的是：关注1111
console.log(div.innerHtml) //打印输出的是：关注<span>1111</span>
console.log(div.value) //打印输出的是：空

说说我的理解：

1.innerText   innerText 获取的是某个元素内的文本，不管这个元素内还有没有标签，它获取的只是文本，不管标签

2.innerHtml  innerHtml 获取的是标签内的标签元素包括文本

3.value value获取的是具有value属性标签的value值，div标签没有value属性，所以就获取不到；具有value属性的标签如input标签，button标签