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