js获取table列表数据

可以使用JavaScript中的DOM操作来获取表格中的数据，可以通过以下步骤来获取table列表数据：

1.首先，使用document.getElementByTagName('table')方法获取到表格的元素对象。

2.使用表格元素对象的rows属性来遍历表格中的每一行，通过循环将每一行中的单元格数据取出并存储到数组中。

3.最后，可以将获取到的数据进行处理和展示。

以下是一个简单的示例代码：

var table = document.getElementsByTagName('table')[0];
var rows = table.rows;
var data = [];
for(var i = 0; i < rows.length; i++){
  var cells = rows[i].cells;
  var rowData = [];
  for(var j = 0; j < cells.length; j++){
    rowData.push(cells[j].innerText);
  }
  data.push(rowData);
}
console.log(data);

这个示例代码会获取页面上第一个table元素中的所有行和单元格数据，并将其转换成二维数组形式打印到控制台。

相关问题

jquery获取table选中的tr数据

获取table选中的tr数据，可以通过以下步骤实现：

1. 获取选中的tr元素

var selectedTR = $('table tr:selected');

2. 遍历选中的tr元素，获取每个tr元素中的td元素的值

var data = [];
selectedTR.each(function(){
    var rowData = [];
    $(this).find('td').each(function(){
       rowData.push($(this).text());
    });
    data.push(rowData);
});

此时，变量`data`中存储了选中的tr元素中每个td元素的值，每个tr元素的值作为一个数组存储在`data`数组中。

el-table 获取sortable排序后的列表数据

如果你使用的是 Element UI 中的 el-table，你可以通过监听 sortable-change 事件来获取排序后的列表数据。具体实现方式如下：

1. 在 el-table 组件上添加 sortable 属性，开启排序功能。

<el-table :data="tableData" :sortable="true" @sortable-change="handleSortableChange">
  <!-- 表格列定义 -->
</el-table>

2. 在 Vue 实例中添加 handleSortableChange 方法，该方法会在排序后触发。

methods: {
  handleSortableChange({ newIndex, oldIndex }) {
    // 从 tableData 中删除旧位置的数据
    const movedData = this.tableData.splice(oldIndex, 1);
    // 将数据插入到新位置
    this.tableData.splice(newIndex, 0, movedData[0]);
    // 打印排序后的列表数据
    console.log(this.tableData);
  }
}

在 handleSortableChange 方法中，我们首先通过 Array.prototype.splice() 方法将旧位置的数据从 tableData 列表中删除，然后再使用该方法将数据插入到新位置。最后，我们打印排序后的列表数据。

注意，el-table 组件会自动更新表格视图，无需手动刷新。