js innerHTML与innerText

1. innerHTML可获取或设置指定元素标签内的 html内容，从该元素标签的起始位置到终止位置的全部内容(包含html标签)。
   当 innerHTML设置html是会解析所设置的标签
   当 innerHTML获取html时则会返回 包含html标签的内容

var element= document.querySelector('#box');
    element.innerHTML="
111
";
    console.log(element.innerHTML)// 
111

2. innerText不能解析设置的内容中的html元素，会以text方式将其内容展示出来

var element= document.querySelector('#box');
    element.innerText="
111
";
    console.log(element.innerText)// 
111
    console.log(element.innerHTML)//<h1>111</h1>