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

موضوع TableRow DOM HTML

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

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

التعليقات:العناصر في المجموعة مرتبة حسب ترتيب ظهورها في الكود المصدر.

مثال

مثال 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 مستند موضوع المستوى الأساسي
القيمة الم返回ة:

موضوع HTMLCollection، يمثل جميع عناصر <td> و/أو <th> في علامة <tr>.

العناصر في المجموعة مرتبة حسب ترتيب ظهورها في الكود المصدر.

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

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

موضوع TableRow DOM HTML