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