سبد (0)

خصوصیت nodelist.length

مثال (خصوصیت nodelist.length)

فهمیدن اینکه چه تعداد عنصر <p> در سند وجود دارند:

var nodelist = document.getElementsByTagName("P").length;

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

4

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

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


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

خصوصیت length تعداد گره های درون یک شیء Nodelist را برمی گرداند.

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

خصوصیت length زمانی کاربرد دارد که شما می خواهید بر روی گره های درون یک لیست گره(node list) حلقه ایجاد کنید.

این خصوصیت فقط خواندنی می باشد.

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


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

متد     
length بله بله بله بله بله

نحوه استفاده

nodelist.length

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

مقدار برگشتی

یک عدد که مشخص کننده ی تعداد گره ها در یک nodelist می باشد.

DOM Version Core Level 1 Nodelist Object

مثال

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

مثال (خصوصیت nodelist.length)

فهمیدن اینکه چه تعداد عنصر <p> درون یک عنصر <div> وجود دارد:

var div = document.getElementById("myDIV");           // Get the <div> element with id="myDIV"
var nodelist = div.getElementsByTagName("P").length;  // Get the number of <p> elements inside <div>

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

3

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

مثال (خصوصیت nodelist.length)

ایجاد یک حلقه بر روی تمام عناصر <p> که درون یک عنصر <div> قرار دارند و تغییر دادن رنگ پس زمینه ی هر عنصر <p>:

var div = document.getElementById("myDIV");
var nodelist = div.getElementsByTagName("P");

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

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

مثال (خصوصیت nodelist.length)

برگرداندن تعداد عناصر فرزند یک عنصر <body>:

var nodelist = document.body.childNodes.length;

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

12

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

مثال (خصوصیت nodelist.length)

ایجاد یک حلقه بر روی عناصر فرزند عنصر <body> و نشان دادن نام گره از هر گره فرزند:

var nodelist = document.body.childNodes;

var txt = "";
var i;
for (i = 0; i < nodelist.length; i++) {
    txt = txt + nodelist[i].nodeName + "<br>";
}

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

#comment
#text
P
#text
BUTTON
#text
P
#text
P
#text
SCRIPT
#text

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

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

HTML DOM Reference: nodelist.item() Method

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 Reference کلیه توابع و خصوصیت های شیء Element در JavaScript


تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه