javascript倒排列子元素
来源:互联网 发布:mac版本炒股软件 编辑:程序博客网 时间:2024/06/06 19:25
<!doctype html>
<html>
<head>
<title>倒排列子元素</title>
<meta charset="utf-8" http-equiv="content-type" content="text/html">
<script>
function sb(){
var ul=document.getElementsByTagName('ul')[1];//【0】获取第几个的ul
if(ul.hasChildNodes()){
var len=ul.childNodes.length;//得到ul的长度
var arr=[];
for(var i=0;i<len;i++){
arr[i]=ul.childNodes[0];
ul.removeChild(ul.childNodes[0]);
}
for(var i=len-1;i>=0;i--){
ul.appendChild(arr[i]);
}
}
}
</script>
</head>
<body style=" text-align:center">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<br/>
<input type="button" value="倒排列子元素按钮" onClick="sb()">
</body>
</html>
<html>
<head>
<title>倒排列子元素</title>
<meta charset="utf-8" http-equiv="content-type" content="text/html">
<script>
function sb(){
var ul=document.getElementsByTagName('ul')[1];//【0】获取第几个的ul
if(ul.hasChildNodes()){
var len=ul.childNodes.length;//得到ul的长度
var arr=[];
for(var i=0;i<len;i++){
arr[i]=ul.childNodes[0];
ul.removeChild(ul.childNodes[0]);
}
for(var i=len-1;i>=0;i--){
ul.appendChild(arr[i]);
}
}
}
</script>
</head>
<body style=" text-align:center">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<br/>
<input type="button" value="倒排列子元素按钮" onClick="sb()">
</body>
</html>
0 0
- javascript倒排列子元素
- 030倒排序子元素
- javascript-按圆形排列DIV元素(一)---- 分析
- javascript-按圆形排列DIV元素(一)---- 分析
- javascript-按圆形排列DIV元素(一)---- 分析
- JavaScript 获取一元素的所有子元素
- JavaScript 添加或删除子节点、子元素
- JavaScript特效:倒记时
- JavaScript 倒记时器
- javascript倒度计时
- 【JavaScript】分秒倒计时器
- 【JavaScript】分秒倒计时器
- JavaScript打印倒三角
- 伪元素-空心倒三角
- 字符串倒续排列的小程序
- javascript 删除元素所有子节点的的正确方法
- JavaScript 倒记时刷新网页
- 重复元素全排列
- 数据结构之二叉树的前中后序遍历java实现
- c++关于文件夹(文件)的相关操作_findfirst,_findnext和_findclose方法
- lvs,nginx,haproxy的优缺点,适合场景
- Java基础---多线程
- oracle部署中的三层结构
- javascript倒排列子元素
- 对水波特效实现原理的解释
- 以前,现在,以后
- iOS初级数据持久化 沙盒机制 归档与反归档
- Final用法
- Objective-C 基础知识之(八):NSSet
- javascript基本数据类型与值类型引用类型说明
- 设计模式-装饰者模式
- Android多媒体---SurfaceView(播放视频)+Mediaplayer(音频)