Блог

У меня есть таблица, я хочу получить внутренний 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);