来自表列的单元格数据

Cell data from table column Javascript

本文关键字:单元格 数据      更新时间:2023-09-26

我有一个表,我想从第二列检索HTML内部的单元格。

<table id="myTable" border="1">
<tbody>
    <tr>
        <td>A</td>
        <td>B</td>
        <td>C</td>
    </tr>
    <tr>
        <td>A</td>
        <td>B</td>
        <td>C</td>
    </tr>
    <tr>
        <td>A</td>
        <td>B</td>
        <td>C</td>
    </tr>
</tbody>

在本例中,我想返回第二列中的三个'B'单元格。

标记:

<table id="myTable">
<tbody>
<tr>
    <td>A</td>
    <td>B</td>
    <td>C</td>
</tr>
<tr>
    <td>A</td>
    <td>B</td>
    <td>C</td>
</tr>
<tr>
    <td>A</td>
    <td>B</td>
    <td>C</td>
</tr>
</tbody>
</table>
Javascript:

var cellData = [];
var i;
var myTable = document.querySelector('#myTable');
for (i=0; i<myTable.rows.length; i++) {
  cellData.push(myTable.rows[i].cells[1].innerHTML);
}
console.log(cellData);