مетод item() از HTMLCollection

تعریف و استفاده

مетод item() این روش عنصر در ایندکس مشخص شده در HTMLCollection را برمی‌گرداند.

عناصر بر اساس موقعیت خود در کد منبع مرتب‌سازی می‌شوند و ایندکس از 0 شروع می‌شود.

همچنین می‌توان از روش کوتاه‌تر استفاده کرد و نتیجه‌ی مشابهی به دست خواهد آمد:

var x = document.getElementsByTagName("P")[0];

مثال

مثال 1

دسترسی به محتوای HTML اولین عنصر <p> در این مستند:

function myFunction() {
  var x = document.getElementsByTagName("P").item(0);
  alert(x.innerHTML);
}

به طور شخصی امتحان کنید

قانون‌گذاری

HTMLCollection.item(index)

یا:

HTMLCollection[index]

مقدار پارامتر

پارامتر نوع توضیح
index Number

ضروری است. ایندکس عنصری که می‌خواهید بازگردانید.

نکته:ایندکس از 0 شروع می‌شود.

مقدار بازگشتی

عنصر Element، به معنای عنصر در ایندکس مشخص شده است.

در صورت اینکه شماره‌ی محدوده‌ی ایندکس از حد مجاز خارج باشد، null برمی‌گرداند.

پشتیبانی مرورگر

مетод Chrome IE Firefox Safari Opera
مетод item() پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی

مثال‌های بیشتری

مثال 2

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

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

به طور شخصی امتحان کنید

مثال 3

دوره گردش از تمامی عناصر با class="myclass" و تغییر رنگ پس‌زمینه آن‌ها:

var x = document.getElementsByClassName("myclass");
for (i = 0; i < x.length; i++) {
  x.item(i).style.backgroundColor = "red";
}

به طور شخصی امتحان کنید

مثال 4

دسترسی به محتوای HTML اولین عنصر <p> در عناصر <div>:

var div = document.getElementById("myDIV");
var x = div.getElementsByTagName("P").item(0).innerHTML;

به طور شخصی امتحان کنید

صفحات مرتبط

HTMLCollection:خصوصیت length

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

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