html页面li节点排序,排序DOM节点的最简单方法?
生活随笔
收集整理的這篇文章主要介紹了
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]);
}
總結
以上是生活随笔為你收集整理的html页面li节点排序,排序DOM节点的最简单方法?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: python脚本自动消除安卓版_pyth
- 下一篇: 2020idea插件怎么同步_没有用过这