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