JavaScript 实现的颠倒的效果
来源:互联网 发布:ubuntu 开机自启动 编辑:程序博客网 时间:2024/06/05 11:42
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript">
function reverseNode(node) { // 颠倒节点node的顺序
var kids = node.childNodes; //获取子节点列表
var kidsNum = kids.length; //统计子节点总数
for(var i=kidsNum-1;i>=0;i--) { //逆向遍历子节点列表
var c = node.removeChild(kids[i]); //删除指定子节点,保存在c中
node.appendChild(c); //将c放在新位置上
}
}
</script>
</head>
<body>
<p>第一行</p>
<p>第二行</p>
<p>第三行</p>
<p><input type="button" name="reverseGo" value="颠倒" onClick="reverseNode(document.body)"></p>
</body>
</html>
- JavaScript 实现的颠倒的效果
- JavaScript 实现的颠倒的效果2
- 【实例】html5-canvas上实现图片的颠倒效果
- Javascript实现loading的效果
- javascript分页效果的实现
- JavaScript实现的Heatmap效果
- javascript实现的listview效果
- JAVA如何实现字符串的颠倒
- JAVA如何实现字符串的颠倒
- C++实现的递归颠倒栈
- 栈的颠倒算法 递归实现
- JavaScript 实现的留言的效果
- [收藏]颠倒表格顺序的javascript范例代码
- 这个世界是颠倒的
- matrix行的颠倒
- matrix列的颠倒
- 颠倒的价牌
- 颠倒的价牌
- 神奇的__type_traits
- stl_config.h中和编译器相关的一些宏定义
- ANSIC C 文件管理
- cin、get、getline的细节
- 迭代器(Iterator)
- JavaScript 实现的颠倒的效果
- 祥解wait 与waitpid
- Form表单中的action提交路径问题
- 打造自己的非Lucene分布式搜索引擎底层架构
- 对当前软件行业的一点点感想
- DM81xx Gstreamer System Architecture
- java第四周 任务一 求1000之内的所有水仙花数
- linux vi 查找替换
- c/c++数学计算库