مجموعه سلول‌های جدول

تعریف و استفاده

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
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی