مجموعه سطرهای Table
تعریف و استفاده
rows مجموعه‌ای که همه عناصر <tr> در جدول را بازمی‌گرداند.
توضیحات:عناصر در مجموعه به ترتیب ظاهر شدن آن‌ها در کد منبع مرتب شده‌اند.}
توضیحات:لطفاً از این استفاده کنید مетод insertRow() ایجاد سطر جدید (<tr>)
توضیحات:لطفاً از این استفاده کنید مетод deleteRow() حذف سطر.
توضیحات:لطفاً از این استفاده کنید روش insertCell() ایجاد سلول جدید (<td>).
توضیحات:لطفاً از این استفاده کنید روش deleteCell() حذف سلول.
توضیحات:لطفاً از این استفاده کنید مجموعه cells مجموعه‌ای از همه عناصر <td> یا <th> در جدول را بازمی‌گرداند.
لطفاً به این بخش نیز مراجعه کنید:
دستورالعمل HTML:برچسب <tr> HTML
دستورالعمل JavaScript:ساختار TableRow DOM HTML
مثال
مثال 1
شماره سطرهای جدول را بررسی کنید:
var x = document.getElementById("myTable").rows.length;
نتیجه x خواهد بود:
2
مثال 2: [index]
محتوای innerHTML اولین عنصر <tr> (شاخص 0) در جدول را نمایش می‌دهد:
alert(document.getElementById("myTable").rows[0].innerHTML;
مثال 3: item(index)
محتوای innerHTML اولین عنصر <tr> (شاخص 0) در جدول را نمایش می‌دهد:
alert(document.getElementById("myTable").rows.item(0).innerHTML);
مثال 4: namedItem(id)
محتوای innerHTML عناصر <tr> با id="myRow" در جدول را نمایش می‌دهد:
alert(document.getElementById("myTable").rows.namedItem("myRow").innerHTML);
مثال 5
محتوای اولین سلول جدول را تغییر دهید:
var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEW CONTENT";
قانون‌نویسی
tableObject.rows
ویژگی
| ویژگی | توضیحات |
|---|---|
| length |
تعداد عناصر <tr> در مجموعه را بازمی‌گرداند. توضیحات:این ویژگی فقط خواندنی است. |
روش
| روش | توضیحات |
|---|---|
| [index] |
عناصر <tr> با شاخص مشخص شده در مجموعه بازمی‌گرداند (از 0 شروع می‌شود). توضیحات:اگر شماره شاخص از محدوده خارج است، null برمی‌گرداند. |
| item(index) |
عناصر <tr> با شاخص مشخص شده در مجموعه بازمی‌گرداند (از 0 شروع می‌شود). توضیحات:اگر شماره شاخص از محدوده خارج است، null برمی‌گرداند. |
| namedItem(id) |
عناصر <tr> با شناسه مشخص شده در مجموعه بازمی‌گرداند. توضیحات:اگر شناسه وجود ندارد، null برمی‌گرداند. |
جزئیات فنی
| نسخه DOM: | دокумент Object Level 2 Core |
|---|---|
| مقدار بازگشتی: |
مجموعه HTMLCollection، که همه عناصر <tr> در عناصر <table> را نشان می‌دهد. عناصر در مجموعه به ترتیب ظاهر شدن آن‌ها در کد منبع مرتب شده‌اند.} |
پشتیبانی از مرورگر
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
