خصوصیت nodelist.length
مثال (خصوصیت nodelist.length)
فهمیدن اینکه چه تعداد عنصر <p> در سند وجود دارند:
خروجی nodelist در کد بالا:
خودتان امتحان کنید »
در انتهای این صفحه، مثال های بیشتری آورده شده است.
تعریف و کاربرد
خصوصیت length تعداد گره های درون یک شیء Nodelist را برمی گرداند.
یک مجموعه از اشیاء گره های فرزند، در واقع یک مثال از یک شیءNodeList می باشد.
خصوصیت length زمانی کاربرد دارد که شما می خواهید بر روی گره های درون یک لیست گره(node list) حلقه ایجاد کنید.
این خصوصیت فقط خواندنی می باشد.
نکته: می توانید از متد item برای برگرداندن یک گره که در یک اندیس مشخص از یک شیء NodeList قرار دارد استفاده کنید.
پشتیبانی مرورگرها
متد | |||||
---|---|---|---|---|---|
length | بله | بله | بله | بله | بله |
نحوه استفاده
جزئیات تکنیکی
مقدار برگشتی |
یک عدد که مشخص کننده ی تعداد گره ها در یک nodelist می باشد. |
---|---|
DOM Version | Core Level 1 Nodelist Object |
مثال - خودتان امتحان کنید
مثال (خصوصیت nodelist.length)
فهمیدن اینکه چه تعداد عنصر <p> درون یک عنصر <div> وجود دارد:
var nodelist = div.getElementsByTagName("P").length; // Get the number of <p> elements inside <div>
خروجی nodelist در کد بالا:
خودتان امتحان کنید »
مثال (خصوصیت nodelist.length)
ایجاد یک حلقه بر روی تمام عناصر <p> که درون یک عنصر <div> قرار دارند و تغییر دادن رنگ پس زمینه ی هر عنصر <p>:
var nodelist = div.getElementsByTagName("P");
var i;
for (i = 0; i < nodelist.length; i++) {
nodelist[i].style.backgroundColor = "red";
}
خودتان امتحان کنید »
مثال (خصوصیت nodelist.length)
برگرداندن تعداد عناصر فرزند یک عنصر <body>:
خروجی nodelist در کد بالا:
خودتان امتحان کنید »
مثال (خصوصیت nodelist.length)
ایجاد یک حلقه بر روی عناصر فرزند عنصر <body> و نشان دادن نام گره از هر گره فرزند:
var txt = "";
var i;
for (i = 0; i < nodelist.length; i++) {
txt = txt + nodelist[i].nodeName + "<br>";
}
خروجی txt در کد بالا:
#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
- نوشته شده توسط احسان عباسی
- بازدید: 6401