把一个ul的li安插到另一个ul
把一个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中,然后再执行上面的操作,问题就很容易解决了。