appendChild 主要是用来追加节点 插入到最后
复制代码 代码如下:
window
onload = function(){
var ul
= document
getElementById(
ul
);
var oli = document
getElementsByTagName(
li
);
for(var i=
;i<oli
length;i++){
ul
appendChild(oli[i]);
}
}
<h
>讲Id为ul
的内容插入到ul
里面</h
>
<ul id="ul
">
<li>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
</ul>
<ul id="ul
">
</ul>
把ul内容插入到ul里面这个其实是搬家而不是复制 这个要切记
可以查看一下效果
为什么会出现这样的效果 是因为 循环的时候 由于不停的搬家 导致length 在改变 如果用for的话 这样开始的length 已经被固定啦 所以出现问题所以说要改成
复制代码 代码如下:
while(oli
length){
ul
appendChild(oli[
]);
}
这样的都是插入第一条 所以就成功啦 大家可以试试
