outerHTML

标签：本质   情况   size   桌子   col   直接   div   花生   也有   

一段代码：<div id="elem">hello　　<b>world</b></div>

使用场景：
作用于（读取或者替换）一段HTML代码。

div.outerHTML=‘<p>a new element</p>‘;

div.innerHTML=‘<p>a new element</p>‘;

innerHTML和outerHTML的对比：

桌子上有个盒子，盒子里有水果糖。

小猴子能干两件事：

把盒子里的糖吃掉，换成花生糖；innerHTML

直接把盒子拿走，换成别的盒子。outerHTML

悟空回来了，打开盒子后也有两种情况：

盒子还是那个盒子，但水果糖不见了；

盒子不是那个盒子了，但悟空特别喜欢那个盒子，就用火眼金睛找到了这个盒子，打开一看，哈哈，水果糖还在。

本质：

赋值这个动作就像是如来处罚悟空，是把悟空手里的金箍棒给换了（innerHTML），还是直接让六耳猕猴上场（outerHTML）。

outerHTML

标签：本质   情况   size   桌子   col   直接   div   花生   也有   

原文地址：https://www.cnblogs.com/flyover/p/14173327.html