移动DOM元素,比如把ul里的第一个li移动到最后一个,或者移动到第3位;比如把表格的第1行移动到第4行;等等
那移动li来说吧,通常我是缓存并移除第1个li,然后用appendChild或insertBefore插入到目的地,但我感觉这样效率不高。
如果我操作的比较频繁,比如每隔1秒就把UL里面的第1个li移动到最后一个,一直循环,这样效率是不是很低啊?有没有更高效的方法呢?
最少也要重排一次,如果用了jQuery用after试试,这个只移动了位置,应该只导致页面重排了一次
试试不移动li,而只替换之间的内容
使用jQuery吧!加上使用缓存变量,效率应该不慢
1.使用 jq 进行 dom 操作吧,
2.dom操作前,可以把外围容器先 display:none , 然后再进行操作,这样可以减少回流,重绘!