outrHTML和innerHTML以及innerText

一图了然

区别：

outrHTML：用来设置或者返回元素本身以及其后代HTML内容

返回元素本身以及其后代的HTML内容

html结构：

  <div id="test">
      <p>测试部分</p>
    </div>

js部分：

 var ele = document.getElementById("test");
    console.log(ele.outerHTML);

结果：

设置元素本身以及其后代的HTML内容

html:

<div id="test">
      <p>测试部分</p>
    </div>

js:

 var ele = document.getElementById("test");
    ele.outerHTML = "<span>替换了</span>"

结果：

innerHTML

设置或返回元素子元素的HTML内容

这里就不写demo验证了，innerHTML是比较常用的。

innerText

设置或返回元素的文本内容

这里就不写demo验证了，innerT还是比较常用的。