آموزش طراحی سایت (HTML CSS Javascript) | آتریا

متد nodelist.item

مثال (متد nodelist.item)

به دست آوردن محتوای اچ تی ام ال از اولین عنصر <p> (اندیس 0) درون سند:

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

خروجی nodelist در کد بالا:

The first p element in the document.

خودتان امتحان کنید »

در انتهای این صفحه، مثال های بیشتری آورده شده است.

تعریف و کاربرد

متد ()item یک گره را که در یک اندیس مشخص و در یک شیء NodeList قرار دارد ، برمی گرداند.

گره ها، همان گونه که در سورس کد ظاهر می شوند، ذخیره می شوند و اندیس شروع نیز 0 می باشد.

یک مجموعه شیء گره، از گره های فرزند، مثالی از یک شیء NodeList می باشد.

نکته: دو راه برای دستیابی به یک گره که در یک اندیس مشخص، و در یک لیست گره(node list) قرار دارد، وجود دارد:

This syntax:

document.body.childNodes.item(0); // The first child node of <body>امتحان کنید

Will produce the same result as this syntax:

document.body.childNodes[0]; // The first child node of <body>امتحان کنید

شما می توانید از هر یک از متدهای بالا استفاده کنید،اما استفاده از [اندیس] رایج تر می باشد.

نکته: می توانید از خصوصیت length برای برگرداندن تعداد گره های درون یک شیء NodeList استفاده کنید.

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

متد
item()	بله	بله	بله	بله	بله

نحوه استفاده

nodelist.item(index)

or simply:

nodelist[index]

مقادیر پارامترها

پارامتر	Type	توضیحات
index	Number	ضروری. اندیس گره ای که شما می خواهید آن را از لیست گره(node list) برگردانید . نکته: اندیس از 0 شروع می شود.

پارامتر

Type

توضیحات

index

Number

ضروری. اندیس گره ای که شما می خواهید آن را از لیست گره(node list) برگردانید .

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

جزئیات تکنیکی

مقدار برگشتی	یک شیء گره که مشخص کننده ی گره مورد نظر، در یک اندیس مشخص می باشد. نکته: در صورتی که اندیس خارج از محدوده باشد، مقدار null برگردانده خواهد شد.
DOM Version	Core Level 1 Nodelist Object

مقدار برگشتی

یک شیء گره که مشخص کننده ی گره مورد نظر، در یک اندیس مشخص می باشد.

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

DOM Version

Core Level 1 Nodelist Object

مثال - خودتان امتحان کنید

مثال (متد nodelist.item)

به دست آوردن محتوای HTML از اولین عنصر <p> (اندیس 0) که درون یک عنصر <div> قرار دارد:

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

خروجی nodelist برابر است با:

First p element in div.

خودتان امتحان کنید »

مثال (متد nodelist.item)

تغییر دادن محتوای اچ تی ام ال اولین عنصر <p> (اندیس 0) که درون یک عنصر <div> قرار دارد:

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

خودتان امتحان کنید »

مثال (متد nodelist.item)

ایجاد یک حلقه بر روی تمام عناصر با کلاس "child" درون یک عنصر <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";
}

خودتان امتحان کنید »

آموزش های مرتبط

HTML DOM Reference: nodelist.length Property

HTML DOM Reference: element.childNodes Property

HTML DOM Reference: element.getElementsByClassName() Method

HTML DOM Reference: element.getElementsByTagName() Method

HTML DOM Reference: element.querySelectorAll() Method

HTML DOM Reference: document.getElementsByClassName() Method

HTML DOM Reference: document.getElementsByName() Method

HTML DOM Reference: document.getElementsByTagName() Method

HTML DOM Reference: document.querySelectorAll() Method

کلیه توابع و خصوصیت های شیء Element در JavaScript

: نوشته شده توسط احسان عباسی; بازدید: 6268

برای درج دیدگاه، ابتدا باید وارد بیاموز شوید.

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.

مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی