JavaScript操作DOM节点元素重排
来源:互联网 发布:电脑网络端口的数据 编辑:程序博客网 时间:2024/05/16 15:41
JavaScript动态向ul中插入100个li节点,5秒后实现元素的倒排
<!DOCTYPE html><html><head> <meta charset="utf-8"> <script> //用JS为id为test的ul下动态创建100个li节点,1秒后将这100个节点实现倒排(节点处理,非innerHTML) window.onload = function(){ var ul = document.getElementById("test"); for(var i=0;i<100;i++){ var li = document.createElement("li"); var content = document.createTextNode(i); li.appendChild(content); ul.appendChild(li); } // document.write(ul.firstChild); setTimeout(function(){ var temp=ul.removeChild(ul.lastChild); //ul.appendChild(temp); ul.insertBefore(temp,ul.firstChild); for(var j=0;j<99;j++){ var temp2=ul.removeChild(ul.lastChild); ul.insertBefore(temp2,ul.childNodes[j+2]); } },5000); } </script></head><body> <ul id="test"> </ul></body></html>
1 0
- JavaScript操作DOM节点元素重排
- JavaScript操作DOM节点元素重排
- javascript DOM节点、元素
- Dom元素节点操作
- dom节点操作元素
- javascript获取Dom节点元素
- JavaScript HTML DOM 元素(节点)
- JavaScript HTML DOM 元素(节点)
- JavaScript HTML DOM 元素(节点)
- javascript操作DOM元素
- JavaScript操作DOM元素
- javascript操作DOM元素
- Javascript Dom节点及操作
- JavaScript中的DOM节点操作
- javascript DOM元素操作汇总
- 原生javascript操作DOM元素
- JavaScript 操作HTML DOM元素
- JavaScript获取HTML DOM节点元素详解
- Nginx配置文件翻译简解
- java中实现单例模式的几种方式,简单易懂
- Android SO 文件结构及readelf命令
- 关系模式的分解与函数依赖模式的判断
- 【经典算法】——KMP,深入讲解next数组的求解
- JavaScript操作DOM节点元素重排
- 【IOS移动开发技术】iOS软件开发中关于屏幕旋转处理相关的学习笔记
- Linux学习笔记-Linux文件基本属性
- strlen条件判断没有进行循环
- 杂文
- HTML学习笔记
- 娱乐
- ISO14443 PICC 与 PCD 调制解调方式
- 【机房收费系统】——被忽视的MsgBox