js table操作--------- 内容排序

简介:
代码:
< html >
< head >
< meta  http-equiv ="Content-Language"  content ="zh-cn" >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312" >
< title > 001 </ title >
< script  language =javascript  type =text/javascript >
function paixu(){
var obj=document.getElementsByTagName("table")[0],obj2=obj.cloneNode(true).rows,a=new Array();
while(obj.rows.length!=1)
obj.rows[
1].removeNode(true);
for(var i=1;i<obj2.length;i++)
a[a.length]
=obj2[i];
a.sort(
function(a,b){
return b.cells[1].innerText-a.cells[1].innerText;}

);
for(var i=0;i<a.length;i++)
obj.firstChild.appendChild(a[i]);
}

</ script >
</ head >

< body >

< table  border ="1"  width ="100%"  id ="table1"  cellspacing ="1" >
    
< tr >
        
< td  width ="172" > 代 码 </ td >
        
< td > 名 称 </ td >
    
</ tr >
    
< tr >
        
< td  width ="172" > 001 </ td >
        
< td > 11111 </ td >
    
</ tr >
    
< tr >
        
< td  width ="172" > 002 </ td >
        
< td > 3333 </ td >
    
</ tr >
    
< tr >
        
< td  width ="172" > 00101 </ td >
        
< td > 22222 </ td >
    
</ tr >
    
< tr >
        
< td  width ="172" > 00201 </ td >
        
< td > 4444 </ td >
    
</ tr >
</ table >
    
< p >< button  name ="B3"  onclick ='paixu();' > 排 序 </ button ></ p >

</ body >
</ html >
本文转自博客园执着的笨蛋的博客,原文链接:js table操作--------- 内容排序 ,如需转载请自行联系原博主。
目录
相关文章
|
5天前
|
前端开发 JavaScript 算法
使用 JavaScript 数组方法实现排序与去重
【10月更文挑战第21天】通过灵活运用 `sort()` 方法和 `filter()` 方法,我们可以方便地实现数组的排序和去重。同时,深入理解排序和去重的原理,以及根据实际需求进行适当的优化,能够更好地应对不同的情况。可以通过实际的项目实践来进一步掌握这些技巧,并探索更多的应用可能性。
92 59
|
20天前
|
前端开发 JavaScript 索引
JavaScript 数组常用高阶函数总结,包括插入,删除,更新,反转,排序等,如map、splice等
JavaScript数组的常用高阶函数,包括遍历、插入、删除、更新、反转和排序等操作,如map、splice、push、pop、reverse等。
16 0
|
2月前
|
JavaScript 前端开发
用Javascript对二维数组DIY按汉语拼音的排序方法
用Javascript对二维数组DIY按汉语拼音的排序方法
|
3月前
|
JavaScript
js实现模糊搜索和排序
js实现模糊搜索和排序
14 0
|
4月前
|
JavaScript 前端开发 索引
JavaScript编码之路 【JavaScript之操作数组、字符串方法汇总】(三)
JavaScript编码之路 【JavaScript之操作数组、字符串方法汇总】(三)
40 1
|
4月前
|
存储 JavaScript 前端开发
js/javascript 操作字符串【全】(含常用的操作字符串的lodash)
js/javascript 操作字符串【全】(含常用的操作字符串的lodash)
43 1
|
5月前
|
JavaScript vr&ar 数据库
技术笔记:Js获取当前日期时间及其它操作
技术笔记:Js获取当前日期时间及其它操作
120 1
|
5月前
|
存储 前端开发 JavaScript
回调函数是JavaScript中处理异步编程的常见模式,常用于事件驱动和I/O操作。
【6月更文挑战第27天】回调函数是JavaScript中处理异步编程的常见模式,常用于事件驱动和I/O操作。它作为参数传递给其他函数,在特定条件满足或任务完成后被调用。例如,`asyncOperation`函数接受回调函数`handleResult`,模拟异步操作后,调用`handleResult`传递结果。这样,当异步任务完成时,`handleResult`负责处理结果。
37 1
|
5月前
|
存储 JavaScript 前端开发
JavaScript中的数组是核心数据结构,用于存储和操作序列数据
【6月更文挑战第22天】JavaScript中的数组是核心数据结构,用于存储和操作序列数据。创建数组可以使用字面量`[]`或`new Array()`。访问元素通过索引,如`myArray[0]`,修改同样如此。常见方法包括:`push()`添加元素至末尾,`pop()`移除末尾元素,`shift()`移除首元素,`unshift()`添加到开头,`join()`连接为字符串,`slice()`提取子数组,`splice()`进行删除、替换,`indexOf()`查找元素位置,`sort()`排序数组。还有其他如`reverse()`、`concat()`等方法。
129 2
|
5月前
|
JavaScript
JS数组排序看懂这篇就够了
JS数组排序看懂这篇就够了
39 1