مثال
معرفة عدد الخلايا التي تكون في الصف الأول في جدول:
var x = document.getElementById("myTable").rows[0].cells.length;ونتيجة لالعاشر على النحو التالي:
2 انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف والاستخدام
جمع الخلايا بإرجاع مجموعة من كافة <td> أو <th> العناصر في الجدول.
Note: يتم فرز العناصر في المجموعة كما تظهر في شفرة المصدر.
نصيحة: استخدم صفوف جمع للعودة إلى جمع كل <tr> العناصر في الجدول.
نصيحة: استخدم insertRow() طريقة لإنشاء صف جديد (<tr>) .
نصيحة: استخدم deleteRow() طريقة لإزالة صف.
نصيحة: استخدم insertCell() طريقة لإنشاء خلية جديدة (<td>) .
نصيحة: استخدم deleteCell() طريقة لحذف خلية.
دعم المتصفح
| مجموعة | |||||
|---|---|---|---|---|---|
| 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> العناصر في <table> عنصر. يتم فرز العناصر في المجموعة كما تظهر في التعليمات البرمجية المصدر |
مزيد من الأمثلة
مثال
[المؤشر]
تنبيه 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"; انها محاولة لنفسك » صفحات ذات صلة
إشارة HTML: HTML <td> العلامة
إشارة HTML: HTML <th> العلامة
جافا سكريبت إشارة: كائن HTML DOM TableData
جافا سكريبت إشارة: كائن HTML DOM TableHeader
<كائن الجدول