مетод NodeList item() در DOM HTML

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

item() این روش گره در موقعیت مشخص در NodeList را برمی‌گرداند.

دو روش برای دسترسی به گره در موقعیت مشخص وجود دارد:

list.item(شاخص لیست نودها (آدرس).)

یا

list[شاخص لیست نودها (آدرس).]

ساده‌ترین و متداول‌ترین روش [شاخص لیست نودها (آدرس).].

مثال

مثال 1

دسترسی به فرزندان علامت <body>:

const nodeList = document.body.childNodes;

آزمایش کنید

مثال 2

دسترسی به نام گره اولین فرزند:

const list = document.body.childNodes;
let name = list.item(0).nodeName;

آزمایش کنید

مثال 3

نتیجه این مثال مشابه است:

const list = document.body.childNodes;
let name = list[0].nodeName;

آزمایش کنید

مثال 4

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

const list = document.getElementsByTagName("p");
let text = list.item(0).innerHTML;

آزمایش کنید

مثال 5

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

const div = document.getElementById("myDIV");
const list = div.getElementsByTagName("p");
let text = list[0].innerHTML;

آزمایش کنید

مثال 6

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

const div = document.getElementById("myDIV");
const list = div.getElementsByTagName("p");
let text = list[0].innerHTML = "Paragraph changed";

آزمایش کنید

مثال 7

تغییر رنگ تمام عناصر با class="child":

const list = document.querySelectorAll(".child");
برای (let i = 0; i < list.length; i++) {
  list[i].style.color = "red";
}

آزمایش کنید

قوانین دستور زبان

nodelist.item(شاخص لیست نودها (آدرس).)

یا به صورت کوتاه‌تر:

nodelist[شاخص لیست نودها (آدرس).]

پارامتر

پارامتر توضیح
شاخص لیست نودها (آدرس).

لازم است.

نودها بر اساس ترتیب ظاهر شدن در مستند مرتب‌اند.

شاخص از 0 شروع می‌شود.

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

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

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

nodelist.item() یک ویژگی DOM Level 1 (1998) است.

تمام مرورگرهای مدرن از آن پشتیبانی می‌کنند:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
پشتیبانی 9-11 پشتیبانی پشتیبانی پشتیبانی پشتیبانی

صفحات مرتبط

ویژگی length

مетод entries()

مетод forEach()

مетод keys()

مетод values()

مجموعه NodeList

مетод childNodes()

مетод querySelectorAll()

مетод getElementsByName()