مجموعة سطور الجدول

مثلث HTML DOM Table

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

rows المجموعة تعود بجميع عناصر <tr> في الجدول.

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

نصيحة:استخدم طريقة insertRow() إنشاء سطر جديد (<tr>).

نصيحة:استخدم إزالة السطر() حذف السطر.

نصيحة:استخدم طريقة insertCell() إنشاء خلية جديدة (<td>).

نصيحة:استخدم طريقة deleteCell() حذف الخلية.

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

انظر أيضًا:

دليل HTMLعلامة <tr> لـ HTML

دليل JavaScriptمثلث HTML DOM TableRow

مثال

مثال 1

تحديد عدد السطور في الجدول:

var x = document.getElementById("myTable").rows.length;

تجربة شخصية

سيكون النتيجة لـ x:

2

مثال 2: [index]

إعلام عن innerHTML العنصر <tr> الأول (الرقم الإداري 0):

alert(document.getElementById("myTable").rows[0].innerHTML;

تجربة شخصية

مثال 3: item(index)

إعلام عن innerHTML العنصر <tr> الأول (الرقم الإداري 0):

alert(document.getElementById("myTable").rows.item(0).innerHTML);

تجربة شخصية

مثال 4: namedItem(id)

إعلام عن innerHTML العنصر <tr> في الجدول مع id="myRow":

alert(document.getElementById("myTable").rows.namedItem("myRow").innerHTML);

تجربة شخصية

مثال 5

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

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

تجربة شخصية

النحو

tableObject.rows

خصائص

خصائص وصف
length

يعود إلى عدد عناصر <tr> في المجموعة.

ملاحظة:هذه الخاصية غير قابلة للتعديل.

الطريقة

الطريقة وصف
[index]

يعود إلى عناصر <tr> الموجودة في المجموعة مع الرقم الإداري المحدد (تبدأ من 0).

ملاحظة:إذا كان الرقم الإداري خارج النطاق، فإنه يعود null.
item(index)

يعود إلى عناصر <tr> الموجودة في المجموعة مع الرقم الإداري المحدد (تبدأ من 0).

ملاحظة:إذا كان الرقم الإداري خارج النطاق، فإنه يعود null.
namedItem(id)

يعود إلى عناصر <tr> الموجودة في المجموعة مع id المحدد.

ملاحظة:إذا لم يكن هناك id، فإنه يعود null.

تفاصيل تقنية

إصدار DOM: مستوى مستوى 2 مستند Object
النتيجة المقدمة:

مجموعة HTML، تعبر عن جميع عناصر <tr> في عناصر <table>.

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

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

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

مثلث HTML DOM Table