innerHTML、 nodeValue与 textContent之间的区别

<div id="outer">
    <p id="p_1">this is p 1</p>
    <p>this is p 2</p>
    <div id="inner">
      <p>this is p 3</p>
      <p>this is p 4</p>
    </div>
</div>
<script>
    let element = document.querySelector("#outer")
</script>

innerHtml

用法： element.innerHtml

作用： 用来获取或设置eLement内部所有Html

nodeValue

用法： element.childNodes[0].nodeValue

作用： 用来获取或设置文本节点的节点内容

textContent

用法： element.textContent

作用： 用来获取或设置element节点内的所有文本节点的节点内容