代码:
——————————————————————————————
<script type="text/javascript">
//倒排序子元素的函数
function deleteChilds(){
//获取父DOM
var ul = document.getElementsByTagName('UL')[0];
if(ul.hasChildNodes()){//判断是否包含子元素
//子元素的个数
var len = ul.childNodes.length;
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]);//添加到ul为子元素
}
}
}
</script>
————————————————————————————————————
<body style="text-align:center">
<ul>
<li>item1</li>
<li>item2</li>
<li>item3</li>
<li>item4</li>
</ul>
<br>
<input type="button" onclick="deleteChilds()" value="倒排序子元素"/>
</body>
————————————————————————————————————