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平滑无缝滚动效果的实现代码 下一篇:没有了

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by