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

مجموعة صفوف الجدول

<كائن الجدول

مثال

معرفة عدد الصفوف هناك في جدول:

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

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

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

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


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

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

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

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

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

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

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

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


دعم المتصفح

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

بناء الجملة

tableObject .rows

الخصائص

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

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

أساليب

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

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

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

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

تفاصيل تقنية

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

أمثلة

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

مثال

[المؤشر]

تنبيه HTML داخلي من أول <tr> عنصر (index 0) في الجدول:

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

مثال

item( index )

تنبيه HTML داخلي من أول <tr> عنصر (index 0) في الجدول:

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

مثال

namedItem( id )

تنبيه 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: HTML <tr> العلامة

جافا سكريبت إشارة: كائن HTML DOM TableRow


<كائن الجدول