js列表排序，设置升序，降序排列
<!DOCTYPE html>
<html>
<head>
<title>js列表排序</title>
<meta charset="utf-8">
</head>
<body>
<input type="button" id="yaaibk" onclick="yaaibksort()" value="排序" />
<hr />
<ul class="container">
<li><a href="http://yaaibk.com/1.html">第01集</a></li>
<li><a href="http://yaaibk.com/2.html">第02集</a></li>
<li><a href="http://yaaibk.com/3.html">第03集</a></li>
<li><a href="http://yaaibk.com/4.html">第04集</a></li>
<li><a href="http://yaaibk.com/5.html">第05集</a></li>
<li><a href="http://yaaibk.com/6.html">第06集</a></li>
<li><a href="http://yaaibk.com/7.html">第07集</a></li>
<li><a href="http://yaaibk.com/8.html">第08集</a></li>
<li><a href="http://yaaibk.com/9.html">第09集</a></li>
<li><a href="http://yaaibk.com/10.html">第10集</a></li>
</ul>
<script>
var list= document.querySelectorAll(".container>li");
console.log(list);
function yaaibksort() {
const list= document.querySelectorAll(".container>li");
for(let i=list.length-1; i>-1; i--){
document.querySelector(".container").appendChild(list[i]);
}
//循环条件 i=lis.length-1; i>-1; i-- 不能乱
}
</script>
</body>
</html>