javascript实现对表格元素进行排序操作_javascript技巧_动视

javascript实现对表格元素进行排序操作_javascript技巧

2020-11-27 21:45:44 责编:小采

我们在上网中都能看到很多能够排序的，如大小、时间、价格等
现在我们也试一下排序功能：
排序的函数代码：里面含有点击之后排序--还原，和排升序和降序。

设置表格的背景颜色代码，导入的css：

css代码：

table td a:hover{ 
 background-color:#0080c0; 
 } 
 .one{ 
 background-color:#80ff00; 
 } 
 .two{ 
 background-color:#ff8040; 
 } 
 .three{ 
 background-color:#008040; 
 } 
 table{ 
 width:500px; 
 height:500px; 
 border:#400040 solid 2px; 
 border-collapse:collapse; 
 } 
 table td,th{ 
 border:solid 2px; 
 } 
 table th{ 
 background-color:#c0c0c0; 
 }

效果图-----排序之前：

升序：

降序：

完整代码：

 
 
  
 sort.html

下载本文

显示全文

全部频道