html页面li节点排序,排序DOM节点的最简单方法？

尽管使用JS库可能有一种更简单的方法，但这是使用香草js的有效解决方案。

var list = document.getElementById('mylist');

var items = list.childNodes;

var itemsArr = [];

for (var i in items) {

if (items[i].nodeType == 1) { // get rid of the whitespace text nodes

itemsArr.push(items[i]);

}

}

itemsArr.sort(function(a, b) {

return a.innerHTML == b.innerHTML

? 0

: (a.innerHTML > b.innerHTML ? 1 : -1);

});

for (i = 0; i < itemsArr.length; ++i) {

list.appendChild(itemsArr[i]);

}