JS简单实现表格排序功能示例
网络编程 2025-03-24 00:29www.168986.cn编程入门
以下是具体的实现过程:
HTML部分:
```html
- 58
- 8
- 31
- 98
- 75
```
JavaScript部分:
```javascript
window.onload = function() {
var sortBtn = document.getElementById("sortBtn");
var myTable = document.getElementById("myTable");
var liElements = myTable.getElementsByTagName("li");
var sortedArray = []; // 用于存储排序后的元素
var ascending = true; // 标记排序方式:升序或降序
sortBtn.onclick = function() {
// 将li元素存储到数组中
for (var i = 0; i < liElements.length; i++) {
sortedArray[i] = liElements[i];
}
// 对数组进行排序
sortedArray.sort(function(a, b) {
return ascending ? parseInt(anerHTML) - parseInt(bnerHTML) : parseInt(bnerHTML) - parseInt(anerHTML);
});
for (i = 0; i < sortedArray.length; i++) {
上一篇:JS平滑无缝滚动效果的实现代码
下一篇:没有了
编程语言
- JS简单实现表格排序功能示例
- JS平滑无缝滚动效果的实现代码
- 动态创建Angular组件实现popup弹窗功能
- PHP If Else(elsefi) 语句
- 详解vue之页面缓存问题(基于2.0)
- JavaScript检测浏览器cookie是否已经启动的方法
- jQuery使用fadeout实现元素渐隐效果的方法
- EasyUI实现第二层弹出框的方法
- Ajax调用restful接口传送Json格式数据的方法
- AngularJS教程之MVC体系结构详解
- ThinkPHP3.1新特性之内容解析输出详解
- 通过SQL语句直接把表导出为XML格式
- js jquery 获取某一元素到浏览器顶端的距离实现方
- 详谈phpAdmin修改密码后拒绝访问的问题
- 方便的大家admin及admin888 经过 md5加密后16位和32位
- ASP.NET服务器控件的生命周期分析