Eienskap rows
Die eienskap rows stoor 'n versameling rye
tr.
Dit kan op die tabel self toegepas word, sowel as op
die tabel seksies tHead,
tBodies,
tFoot.
Sintaksis
tabel.rows;
Voorbeeld
Laat ons deur al die rye van die tabel iter:
<table id="table">
<tr>
<td>1</td><td>2</td><td>3</td>
</tr>
<tr>
<td>4</td><td>5</td><td>6</td>
</tr>
<tr>
<td>7</td><td>8</td><td>9</td>
</tr>
</table>
let table = document.querySelector('#table');
for (let row of table.rows) {
console.log(row);
}
Voorbeeld
Laat ons deur al die rye van die tabel iter met behulp van
die eienskap rows, en in elke ry deur
die selle daarvan iter met behulp van die eienskap cells:
<table id="table">
<tr>
<td>1</td><td>2</td><td>3</td>
</tr>
<tr>
<td>4</td><td>5</td><td>6</td>
</tr>
<tr>
<td>7</td><td>8</td><td>9</td>
</tr>
</table>
let table = document.querySelector('#table');
for (let row of table.rows) {
for (let cell of row.cells) {
console.log(cell);
}
}
Voorbeeld
Laat ons die aantal rye in die tabel uitvind:
<table id="table">
<tr>
<td>1</td><td>2</td><td>3</td>
</tr>
<tr>
<td>4</td><td>5</td><td>6</td>
</tr>
<tr>
<td>7</td><td>8</td><td>9</td>
</tr>
</table>
let table = document.querySelector('#table');
console.log(table.rows.length);
Resultaat van kode-uitvoering:
3
