js选中dom table 获取里面所有数据

在JavaScript中，要获取HTML表格（table）中的所有数据，通常会涉及遍历每一行（tr）并提取其中的数据。如果你想要获取表头（th）和单元格（td），可以按照以下步骤操作：

1. 首先，通过DOM选择器选中整个表格元素，例如：

var table = document.getElementById('yourTableId');

替换`yourTableId`为你实际的表格ID。

2. 然后，获取表头（如果有）：

var thead = table.getElementsByTagName('thead')[0];
var headerRows = thead.getElementsByTagName('tr');

3. 接着，获取数据行（tbody或tfoot内的tr元素）：

var tbody = table.getElementsByTagName('tbody')[0] || table.getElementsByTagName('tfoot')[0]; // 选取tbody或tfoot
var dataRows = tbody.getElementsByTagName('tr');

4. 对于每行数据，遍历其单元格：

for (var i = 0; i < dataRows.length; i++) {
    var row = dataRows[i];
    
    // 如果是表头，可能不需要<td>
    if (row.tagName === 'TH') {
        var cells = row.getElementsByTagName('th'); // 表头处理
    } else {
        var cells = row.getElementsByTagName('td'); // 数据行处理
    }
    
    for (var j = 0; j < cells.length; j++) {
        var cellData = cells[j].innerText || cells[j].textContent;
        // 这里cellData就是每个单元格的内容
        console.log('Cell ' + (j+1) + ':', cellData);
    }
}

这将打印出表格中所有单元格的内容。如果你需要组织成更复杂的结构，比如对象数组，你可以创建一个函数去处理这些数据。