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节点的最简单方法？相关推荐

java document创建节点_javasript 的DOM 节点操作：创建，插入，删除，复制以及查找节点...
DOM 含义: DOM 是文档对象模型(Document Object Model) 是一种基于浏览器编程的一套API 接口,我W3C 出台推荐的标准.其赋予了JS 操作节点的能力,当网页被加载时,浏 ...
js添加多个子节点_JS创建DOM节点－使用document.createElement()创建子节点或同级节点...
在一个Web页面中,需要弹出一个提示信息显示给用户.基于这个需求,要使用document.createElement()创建一个DOM节点.创建完节点后,还要使用appendChild()或inser ...
js添加多个子节点_JS实现DOM节点插入操作之子节点与兄弟节点插入操作示例
本文实例讲述了JS实现DOM节点插入操作之子节点与兄弟节点插入操作.分享给大家供大家参考,具体如下: www.jb51.net JS节点插入 function showinsert(){ //添加子节 ...
PDF怎么插入页？将页面添加到 PDF 文档的 3 种简单方法
得益于现代技术,我们现在可以轻松地合并.创建.编辑 PDF 并执行更多操作.使用专业的PDF程序在PDF文档中插入一页问题不大.这篇文章将介绍如何使用奇客PDF编辑和其他四个桌面和在线程序向 PD ...
php下载当前页面,php实现当前页面点击下载文件的简单方法
php控制器中代码 public function downFile($path = ){ if(!$path) header(Location: /); download($path); } dow ...
JavaScript-操作DOM对象-获得dom节点
核心浏览器网页就是一个Dom树形结构! 更新: 更新Dom节点遍历dom节点:得到Dom节点删除: 删除一个Dom节点添加: 添加一个新的节点要操作一个Dom节点,就必须要先获得这个Dom节 ...
前端：JS/25/DOM官方定义，DOM分类，HTML节点树（节点关系，节点类型，），核心DOM中公共的属性和方法（节点访问，查找DOM节点，节点属性，节点的创建，追加和删除）
DOM官方定义 DOM,Document Object Model,文档对象模型,我们可以把网页中的所有"东西"看成是对象": DOM的官方定义:DOM可以使用脚本,动态 ...
DOM节点的属性及文本操作
DOM节点的属性操作获取属性值 DOM节点.属性名 //不能获取用户自定义的属性值 DOM节点.getAttribute(属性名) //获取所有属性值设置属性值 DOM节点.属性名 = 属性值 D ...
js获取某节点的特定父节点
废话不说了,功能函数如下 /** @Author : Jeen @ vsfor.com* @Describe : 根据节点名称,查找某节点的特定父节点* @params :* node dom节点* ...
链表节点合并排序：数组和单链表
每日一贴,今天的内容关键字为链表节点 1 数组合并排序 1.1 合并两个已排序好的数组需要额定的存储空间用来存储合并结果 //merge two array which are already so ...

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

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

最新文章

热门文章