JS给li标签排序
<meta charset="utf-8">
<p>点击按钮按字母列表排序:</p>
<button onclick="sortList()">排序</button>
<ul id="ul2">
<li>fff</li>
<li>eee</li>
<li>bbb</li>
<li>aaa</li>
<li>ccc</li>
<li>ddd</li>
</ul>
<script>
function sortList(){
var i, li, shouldSwitch;
var switching = true;
while(switching){
switching = false;
li = ul2.getElementsByTagName("li");
for(i=0; i<(li.length-1); i++){
shouldSwitch = false;
if(li[i].innerHTML.toLowerCase() > li[i+1].innerHTML.toLowerCase()){
shouldSwitch= true;
break;
}
}
if(shouldSwitch){
li[i].parentNode.insertBefore(li[i+1], li[i]);
switching = true;
}
}
}
</script>
运行结果
定义和用法
语法
参数值
返回值