首页新闻找找看学习计划

求效率最高的移动DOM的办法

1
悬赏园豆:20 [待解决问题]

移动DOM元素,比如把ul里的第一个li移动到最后一个,或者移动到第3位;比如把表格的第1行移动到第4行;等等

那移动li来说吧,通常我是缓存并移除第1个li,然后用appendChild或insertBefore插入到目的地,但我感觉这样效率不高。

如果我操作的比较频繁,比如每隔1秒就把UL里面的第1个li移动到最后一个,一直循环,这样效率是不是很低啊?有没有更高效的方法呢?

十年灯的主页 十年灯 | 菜鸟二级 | 园豆:356
提问于:2012-06-25 12:38
< >
分享
所有回答(4)
0

最少也要重排一次,如果用了jQuery用after试试,这个只移动了位置,应该只导致页面重排了一次

artwl | 园豆:16526 (专家六级) | 2012-06-25 12:52
0

试试不移动li,而只替换之间的内容

Ethan轻叹 | 园豆:996 (小虾三级) | 2012-06-25 17:37
0

使用jQuery吧!加上使用缓存变量,效率应该不慢

八戒的师傅 | 园豆:1472 (小虾三级) | 2012-06-26 00:35
0

1.使用 jq 进行 dom 操作吧,

2.dom操作前,可以把外围容器先 display:none , 然后再进行操作,这样可以减少回流,重绘!

张坤 | 园豆:1865 (小虾三级) | 2012-06-29 13:28
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册