طريقة item() لـ HTMLCollection

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

item() يُعيد الطريقة العنصر في الموقع المحدد من مجموعة HTMLCollection.

العناصر مرتبة وفقًا لموقعها في الكود المصدر، والرقم التسلسلي يبدأ من 0.

يمكن أيضًا استخدام الطريقة القصيرة، مما ينتج نفس النتيجة:

تعريف x = document.getElementsByTagName("P")[0];

مثال

مثال 1

الحصول على محتوى HTML العنصر الأول <p> في الوثيقة الحالية:

دالة myFunction() {
  تعريف x = document.getElementsByTagName("P").item(0);
  alert(x.innerHTML);
}

جربها بنفسك

النص

مجموعة HTMLCollection.item(index)

أو:

مجموعة HTMLCollection[index]

قيمة الم 参数

الم 参数 النوع الوصف
index رقم

مطلوب. الرقم التسلسلي للعنصر الذي يتم العودة إليه.

ملاحظة:الرقم التسلسلي يبدأ من 0.

النتيجة

عنصر Element، لتحديد العنصر في الموقع المحدد.

إذا كان الرقم التسلسلي يخرج عن نطاق، فإنه يعود null.

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

الطريقة كروم IE فايرفوكس سفاري أوبرا
item() دعم دعم دعم دعم دعم

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

مثال 2

تغيير محتوى HTML العنصر الأول <p>:

document.getElementsByTagName("P").item(0).innerHTML = "Paragraph changed";

جربها بنفسك

مثال 3

مرور على جميع العناصر التي تحتوي على class="myclass" وتغيير لون خلفية هذه العناصر:

تعريف x = document.getElementsByClassName("myclass");
للمحاكاة i = 0; i < x.length; i++) {
  x.item(i).style.backgroundColor = "red";
}

جربها بنفسك

مثال 4

الحصول على محتوى HTML للعنصر الأول <p> داخل العنصر <div>:

تعريف div = document.getElementById("myDIV");
تعريف x = div.getElementsByTagName("P").item(0).innerHTML;

جربها بنفسك

الصفحات ذات الصلة

مجموعة HTMLCollection:خصائص length

عنصر HTML:مетод getElementsByClassName()

عنصر HTML:طريقة getElementsByTagName()