把一个ul的li插入到另一个ul

文章来自 codego.net

window.onload = function(){
var ul2 = document.getElementById('ul2');
var oli = document.getElementsByTagName('li');
for(var i=0;i<oli.length;i++){
ul2.appendChild(oli[i]);
}
}
< h3>讲Id为ul1的内容插入到ul2里面</h3>
< ul id="ul1">
< li>1</li>
< li>2</li>
< li>3</li>
< li>4</li>
< li>5</li>
< li>6</li>
< /ul>
< ul id="ul2">
< /ul>

 

        把ul1内容插入到ul2，这个过程不是复制，而是把ul1中的li全部抽到ul2中

        这代码很有用，特别是在json数据没那么容易操作（例如有多重循环），然后ajax请求回来一大段data,data里面含有多个li，但是无法直接放在ul1的后面，因为ul只支持appendChild(li[0]),这个方法只拼接一个li；最终还是让返回的结果先隐藏在一个ul中,然后再执行上面的操作，问题就很容易解决了。