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

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

var myNodeList = document.querySelectorAll("p");

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

NodeList Object
 y = myNodeList[1]; 
مشاهده مثال

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

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

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

List Length
var myNodelist = document.querySelectorAll("p");
document.getElementById("demo").innerHTML = myNodelist.length;
مشاهده مثال

توضیح مثال :

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

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

Node List 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 () در لیست گره استفاده کنید.

 

نظر شما

لطفا نام و نام خانوادگی خود را وارد کنید
لطفا ایمیل خود را وارد کنید لطفا ایمیل صحیح وارد کنید.
لطفا متن نظر خود را وارد کنید
>

نظرات

مهناز محمدی سلام ، ممنون از مطلبتون خیلی عالی بود . ولی من هنوزم سوالم اینه که با وجود library مثل jquery نیاز به آموزش JavaScript دارم یا خیر ؟ به نظر میرسه کار غبث و بیهوده اییه
علیرضا احمدی ببینید خانم مهناز ، درسته بسیاری از موارد مورد نیاز رو library مثل jQuery رفع می کنه اما اگر شما بخواهید در سطح حرفه ای کار کنید ، به عنوان مثال خودتون یک کتابخانه یا library طراحی کنید ، باید به جاوااسکریپت مسلط باشید.

یادگیری JavaScript

مقالات و دروس

به خبرنامه مدرسه طراحی وب ایران (وب مهراز) بپیوندید.

لطفا شماره همراه صحیح وارد کنید.
لطفا ایمیل صحیح وارد کنید.

مقالات مرتبط