表列Javascript中的单元格数据

Question

I have a table, I want to retrieve the cells inner HTML from column two.

<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>

In this example I would like to return the three 'B' cells in column two.

Answer 1

Markup:

<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);