outerHTML

2020-12-28 14:28

阅读:554

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

一段代码:

hello  world

使用场景:
作用于(读取或者替换)一段HTML代码。

div.outerHTML=‘

a new element

‘;

div.innerHTML=‘

a new element

‘;

 

innerHTML和outerHTML的对比:

 

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

小猴子能干两件事:

把盒子里的糖吃掉,换成花生糖;innerHTML

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

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

盒子还是那个盒子,但水果糖不见了;

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

 

本质:

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

 

outerHTML

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

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


评论


亲,登录后才可以留言!