HTML DOM item() Method

<كائن العنصر

مثال

الحصول على محتوى HTML أول <p> عنصر (index 0) داخل المستند:

var nodelist = document.getElementsByTagName("P").item(0).innerHTML;

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

The first p element in the document.

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

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

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

في item() الأسلوب بإرجاع عقدة في الفهرس المحدد في كائن NodeList.

يتم فرز العقد كما تظهر في شفرة المصدر، ويبدأ المؤشر عند 0.

جمع كائن عقدة من العقد التابعة مثال لكائن NodeList.

ملاحظة: هناك طريقتان للوصول إلى عقدة في الفهرس المحدد في قائمة عقدة:

بناء الجملة التالي:

document.body.childNodes.item(0); // The first child node of <body> Try it

سوف تنتج نفس النتيجة مثل بناء الجملة التالي:

document.body.childNodes[0]; // The first child node of <body> Try it

يمكنك استخدام أي طريقة تريد، ومع ذلك، فإن الأسلوب الأكثر شيوعا هو [المؤشر].

نصيحة: استخدم طول الخاصية لإرجاع عدد العقد في كائن NodeList.

دعم المتصفح

طريقة
item()	نعم فعلا	نعم فعلا	نعم فعلا	نعم فعلا	نعم فعلا

بناء الجملة

قيم معلمة

معامل	اكتب	وصف
index	Number	مطلوب. مؤشر العقدة تريد العودة، في قائمة عقدة. ملاحظة: يبدأ مؤشر السوق عند مستوى 0

تفاصيل تقنية

قيمة الإرجاع:	كائن عقدة، وهو ما يمثل العقدة في الفهرس المحدد. ملاحظة: إرجاع فارغة إذا كان الرقم القياسي خارج النطاق
صفحة DOM	مستوى الأساسية 1 Nodelist كائن

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

مثال

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

var div = document.getElementById("myDIV");
var nodelist = div.getElementsByTagName("P")[0].innerHTML;

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

First p element in div.

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

مثال

تغيير محتوى HTML أول <p> عنصر (index 0) داخل <div> العنصر:

var div = document.getElementById("myDIV");
div.getElementsByTagName("P")[0].innerHTML = "Paragraph changed";

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

مثال

حلقة من خلال جميع العناصر مع الطبقة = "الطفل" في <div> عنصر، وتغيير لون خلفيتها:

var div = document.getElementById("myDIV");
var nodelist = div.getElementsByClassName("child");

var i;
for (i = 0; i < nodelist.length; i++) {
nodelist[i].style.backgroundColor = "red";
}

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