- innerHTML可获取或设置指定元素标签内的 html内容，从该元素标签的起始位置到终止位置的全部内容(包含html标签)。
当 innerHTML设置html是会解析所设置的标签
当 innerHTML获取html时则会返回 包含html标签的内容
<div id="box"></div>
var element= document.querySelector('#box');
element.innerHTML="<h1>111</h1>";
console.log(element.innerHTML)// <h1>111</h1>
- innerText不能解析设置的内容中的html元素，会以text方式将其内容展示出来
<div id="box"></div>
var element= document.querySelector('#box');
element.innerText="<h1>111</h1>";
console.log(element.innerText)// <h1>111</h1>
console.log(element.innerHTML)//<h1>111</h1>
