مشخصات مقاله
-
3427
-
0.0
-
6054
-
0
-
0
آموزش مجموعه گره ها در جاوا اسکریپت-Node List
مجموعه گره ها (node list) در مدل DOM HTML
Node list عبارت است از مجموعه ای از گره ها ((node.
متد ()getElementsByTagName، یک مجموعه ای از گره ها (node list) را بازگردانی می نماید. همان طور که پیش تر شرح داده شد، node list یک مجموعه ی آرایه گونه از گره ها است. مثال زیر تمامی المان های (node)
<Sp> را انتخاب می کند:
var x = document.getElementsByTagName("p");
به وسیله ی شماره ی اندیس می توان به گره ها دسترسی پیدا کرد. به منظور دستیابی به دومین المان (گره) <p> می توان نوشت:
نمونه یک
var myNodelist = document.getElementsByTagName("p");
document.getElementById("demo").innerHTML =
"The innerHTML of the second paragraph is: " +
myNodelist[1].innerHTML;توجه داشته باشید که شماره ی اندیس از صفر آغاز می شود.
خاصیت Length
خاصیت length، تعداد گره های موجود در یک node list را مشخص می کند:
نمونه دو
var myNodelist = document.getElementsByTagName("p");
document.getElementById("demo").innerHTML = myNodelist.length;
تمامی المان های <p> را بازیابی می کند.
طول (تعداد گره های موجود در) node list را نمایش می دهد.
خاصیت مذکور زمانی بسیار کارامد واقع می شود که بخواهیم درون گره های موجود در node list حلقه بزنیم (آن ها را تکرار کنیم):
در این مثال رنگ پس زمینه ی تمام المان های <p> در یک node list تغییر می یابد:
نمونه سه
function myFunction() {
var myNodelist = document.getElementsByTagName("p");
var i;
for (i = 0; i < myNodelist.length; i++) {
myNodelist[i].style.backgroundColor = "red";
}
}node list از جهاتی شبیه به آرایه است. برای مثال می توان درون node list حلقه زد و مانند آرایه به گره های آن اشاره کرد، اما نمی توان از متدهای آرایه مانند ()valueOf یا ()join در node list استفاده کرد.
کلیه حقوق مادی و معنوی این مقاله متعلق به آموزشگاه تحلیل داده بوده و هر گونه استفاده غیر قانونی از آن پیگرد قانونی دارد.