لیست گره ها HTML DOM در JavaScript

یک شی NodeList یک لیست (مجموعه) از گره های استخراج شده از یک سند است.
یک شی NodeList تقریبا یک شیء HTMLCollection است.
بعضی از مرورگرها (قدیمیتر) یک شیء NodeList را جایگزین یک مجموعه HTMLCollect برای روشهایی مانند getElementsByClassName () می کنند.
تمام مرورگرها یک شی NodeList برای childNodes را باز می گردانند.
اکثر مرورگرها یک شی NodeList را برای querySelectorAll () در نظر می گیرند.
کد زیر تمام گره های <p> در یک سند را انتخاب می کند:

عناصر موجود در NodeList را می توان با شماره عددی مشاهده کرد.
برای دسترسی به گره دوم <p> شما می توانید:

 y = myNodeList[1]; 

توجه: شاخص از 0 شروع می شود.

طول لیست گره HTML DOM

مقدار مشخصه تعداد گره ها را در یک لیست گره تعریف می کند:

var myNodelist = document.querySelectorAll("p");
document.getElementById("demo").innerHTML = myNodelist.length;

توضیح مثال :

1. یک لیست از تمام عناصر <p> ایجاد کنید
2. طول لیست را نمایش دهید

خصوصیت length مفید است وقتی که می خواهید از طریق گره ها در یک لیست گره حلقه کنید:

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

تفاوت بین HTMLCollection و NodeList

یک مجموعه HTMLCollection (فصل قبل) مجموعه ای از عناصر HTML است.
NodeList مجموعه ای از گره های سند است.
یک NodeList و یک HTMLCollection بسیار مشابه است.
هر دو شیء HTMLCollection و یک شی NodeList یک لیست آرایه (مجموعه) از اشیاء است.
هر دو دارای یک ویژگی طول هستند که تعداد آیتم ها را در لیست (مجموعه) تعریف می کند.
هر دو یک شاخص (0، 1، 2، 3، 4، ...) را برای دسترسی به هر مورد مانند یک آرایه فراهم می کند.
آیتم های HTMLCollection را می توان با نام، شناسه یا شماره شاخص آنها مشاهده کرد.
اقلام NodeList را می توان تنها با شماره فهرست آنها دسترسی پیدا کرد.
تنها شیء NodeList می تواند گره های متنی و گره های متنی را داشته باشد.

نکته:

لیست گره یک آرایه نیست!
یک لیست گره ممکن است مانند یک آرایه شبیه باشد، اما این نیست.
شما می توانید از طریق لیست گره حلقه و به گره های خود مانند آرایه اشاره کنید.
با این حال، شما نمیتوانید از روشهای آرایه مانند valueOf ()، push ()، pop () یا join () در لیست گره استفاده کنید.