innerText是一个可的dom属性，返回元素内容的文本内容，在多层嵌套的HTML元素有上到下的顺序拼接内容；

 <div>
    <p>
        aaa
        <span>bbb</span>
    </p>
 </div>

最外层的div的innerText返回内容为"aaabbb"；

innerHTML属性与innerText类似，但是不是返回元素的文本内容，而是返回元素的HTML结构，在写入的时候也会自动构建dom；

 <div>
    <p>
        aaa
        <span>bbb</span>
    </p>
 </div>

最外层的div的innerHTML返回内容为"<p>aaa<span>bbb</span></p>"

outerHTML属性与innerHTML类似，但是放回的内容包括本身；