首页 > 代码库 > appendChild方法详解

appendChild方法详解

 方法:target.appendChild(ele);

执行该方法时,会发生两部操作:

1、将元素ele从原来的父元素中移除掉

2、将元素追加至新的目标元素中,并且保留元素的所有样式信息和事件、、。

 

将一个元素ele追加至另一个元素Div中时,默认会将该元素从原来元素中移除掉,并且该元素的样式信息、事件绑定等都会保留。

示例如下:

 

div11追加到下面的div区域,则会将其样式信息也追加进去。同时执在行appendChild时,会将该元素从原来的div中移除。

保留了div11的样式信息,如果在div11上面绑定了事件,则当div11被追加至下面的div中时,其事件仍然有效

appendChild方法详解