<!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>
