مجموعة خلايا TableRow
مثال
اعرض عدد الخلايا في الصف الأول:
var x = document.getElementById("myTable").rows[0].cells.length;
ستكون نتيجة x :
2
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
تقوم مجموعة الخلايا بإرجاع مجموعة من كافة عناصر <td> أو <th> في صف جدول.
ملاحظة: يتم فرز العناصر الموجودة في المجموعة كما تظهر في التعليمات البرمجية المصدر.
دعم المتصفح
Collection | |||||
---|---|---|---|---|---|
cells | Yes | Yes | Yes | Yes | Yes |
بناء الجملة
tableObject.cells
الخصائص
Property | Description |
---|---|
length | Returns the number of <td> and/or <th> elements in the collection. Note: This property is read-only |
طرق
Method | Description |
---|---|
[index] | Returns the <td> and/or <th> element from the collection with the specified index (starts at 0). Note: Returns null if the index number is out of range |
item(index) | Returns the <td> and/or <th> element from the collection with the specified index (starts at 0). Note: Returns null if the index number is out of range |
namedItem(id) | Returns the <td> and/or <th> element from the collection with the specified id. Note: Returns null if the id does not exist |
تفاصيل تقنية
إصدار DOM: | كائن مستند المستوى 2 الأساسي |
---|---|
قيمة الإرجاع: | كائن HTMLCollection ، يمثل جميع عناصر <td> و / أو <th> في عنصر <tr>. يتم فرز العناصر الموجودة في المجموعة كما تظهر في التعليمات البرمجية المصدر |
مزيد من الأمثلة
مثال
[ فهرس ]
تنبيه HTML الداخلي للخلية الأولى في الصف الأول بالجدول:
alert(document.getElementById("myTable").rows[0].cells[0].innerHTML);
مثال
عنصر ( فهرس )
تنبيه HTML الداخلي للخلية الأولى في الصف الأول بالجدول:
alert(document.getElementById("myTable").rows[0].cells.item(0).innerHTML);
مثال
العنصر ( المعرف )
تنبيه 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