أحدث البرامج التعليمية وتطوير الشبكة
 

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

<كائن TableRow

مثال

عرض عدد الخلايا في الصف الأول:

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

ونتيجة لالعاشر على النحو التالي:

2
انها محاولة لنفسك »

أكثر "Try it Yourself" الأمثلة أدناه.


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

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

Note: يتم فرز العناصر في المجموعة كما تظهر في شفرة المصدر.


دعم المتصفح

مجموعة
cells نعم فعلا نعم فعلا نعم فعلا نعم فعلا نعم فعلا

بناء الجملة

tableObject .cells

الخصائص

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

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

أساليب

طريقة وصف
[ index ] إرجاع <td> و / أو <th> عنصر من المجموعة مع الفهرس المحدد (starts at 0) .

ملاحظة: إرجاع فارغة إذا كان الرقم القياسي خارج النطاق
item( index ) إرجاع <td> و / أو <th> عنصر من المجموعة مع الفهرس المحدد (starts at 0) .

ملاحظة: إرجاع فارغة إذا كان الرقم القياسي خارج النطاق
namedItem( id ) إرجاع <td> و / أو <th> عنصر من مجموعة مع معرف المحدد.

ملاحظة: إرجاع فارغة حالة عدم وجود هوية

تفاصيل تقنية

صفحة DOM: المستوى الأساسي كائن 2 الوثيقة
قيمة الإرجاع: كائن HTMLCollection، تمثل جميع <td> و / أو <th> العناصر في <tr> العنصر. يتم فرز العناصر في المجموعة كما تظهر في التعليمات البرمجية المصدر

أمثلة

مزيد من الأمثلة

مثال

[المؤشر]

تنبيه HTML داخلي الخلية الأولى في الصف الأول من الجدول:

alert(document.getElementById("myTable").rows[0].cells[0].innerHTML);
انها محاولة لنفسك »

مثال

item( index )

تنبيه HTML داخلي الخلية الأولى في الصف الأول من الجدول:

alert(document.getElementById("myTable").rows[0].cells.item(0).innerHTML);
انها محاولة لنفسك »

مثال

namedItem( id )

تنبيه HTML داخلي للخلية مع معرف = "myTd" في الصف الأول من الجدول:

alert(document.getElementById("myTable").rows[0].cells.namedItem("myTd").innerHTML);
انها محاولة لنفسك »

مثال

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

var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEW CONTENT";
انها محاولة لنفسك »

<كائن TableRow