مجموعة خلايا الجدول

موضوع HTML DOM Table

التعريف والاستخدام

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 للخلية الأولى في الصفحة مع id="myTd".

alert(document.getElementById("myTable").rows[0].cells.namedItem("myTd").innerHTML);

جرب بنفسك

مثال 5

تغيير محتوى الخلية الأولى في الجدول:

var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEW CONTENT";

جرب بنفسك

نص التشغيل

tableObject.cells

خصائص

خصائص وصف
length

يتم إرجاع عدد عناصر <td> و/أو <th> في المجموعة.

ملاحظة:هذه الخاصية قابلة للقراءة فقط.

طريقة

طريقة وصف
[index]

يتم إرجاع عناصر <td> و/أو <th> في المجموعة بحسب الرقم المطلوب (تبدأ من 0).

ملاحظة:إذا كان الرقم المطلوب خارج النطاق، فسيتم إرجاع null.
item(index)

يتم إرجاع عناصر <td> و/أو <th> في المجموعة بحسب الرقم المطلوب (تبدأ من 0).

ملاحظة:إذا كان الرقم المطلوب خارج النطاق، فسيتم إرجاع null.
namedItem(id)

يتم إرجاع عناصر <td> و/أو <th> من مجموعة تحتوي على id معين.

ملاحظة:إذا لم يكن id موجودًا، فسيتم إرجاع null.

تفاصيل تقنية

إصدار DOM: مستوى مستوى 2 مستند Object
النتيجة المقدمة:

مجموعة HTML، تعبر عن جميع عناصر <td> و/أو <th> في عناصر <tr>.

يُنظم العناصر في المجموعة بناءً على ترتيبهم في الكود المصدر.

دعم المتصفحات

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
الدعم الدعم الدعم الدعم الدعم

موضوع HTML DOM Table