innerHtml
作用:获取到元素内部的所有内容,覆盖写入
识别Html标签
识别Html标签,输出带有h1标签的内容:文本,覆盖p标签:
<div>
<p>1324567</p>
</div>
<script>
var html = div.innerHTML
console.log(html);
div.innerHTML = "<h1>文本</h1>"
</script>
innerText
作用:获取到文本中的内容,也可以设置文本,但覆盖写入
不识别Html标签
覆盖写入
<div>
<p>1324567</p>
</div>
<script>
div.innerHTML = "新增"
</script>
不识别Html标签
<div>
<p>1324567</p>
</div>
<script>
div.innerHTML = "<h1>文本</h1>"
</script>