Свойство rows
Свойство rows tr қаторларининг коллекциясини сақлайди.
У таблицага ҳам, унинг tHead,
tBodies,
tFoot секцияларига ҳам қўлланилиши мумкин.
Синтаксис
таблица.rows;
Мисол
Келинг, таблицанинг барча қаторларини айлантириб чиқайлик:
<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);
}
Мисол
Келинг, таблицанинг барча қаторларини rows свойстваси ёрдамида айлантириб чиқайлик,
ҳар бир қаторда эса унинг ҳужайраларини 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);
}
}
Мисол
Келинг, таблицанинг қаторлар сонини аниқлайлик:
<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);
Кодни ишга тушириш натижаси:
3
