插入标记

innerHTML

在读的模式下，他会返回所有节点（包括元素，结点

        <div class="div1 div2 div3"  data-data="me">
            <ul>
                <li>11111</li>
                <li>22222222</li>
                <li>333333</li>
            </ul>
        </div>
        <script type="text/javascript">
            var a=document.querySelector(".div1");
            console.log(a.innerHTML);
        </script>

显示

            <ul>
                <li>11111</li>
                <li>22222222</li>
                <li>333333</li>
            </ul>
在写的模式下，等于html值

            a.innerHTML="hello world<b> dsf</b>";

还也可加加样式

            a.innerHTML="hello world<b> dsf</b>";

---

outerHTML

在读的时候比innerHTML多，还会返回他自己

<div class="div1 div2 div3" data-data="me">
<ul>
<li>11111</li>
<li>22222222</li>
<li>333333</li>
</ul>

</div>

写的时候暂时没有发现和innerHTML有什么不同

---