٪۴۰ تخفیف تابستانه شروع شد! بزرگترین حراج سال ما

به ما بپیوندید

آموزش DOM فهرست گره ها

شی HTML NodeList HTML DOM یک NodeListشی لیستی (مجموعه) از گره های استخراج شده از یک سند است. یک NodeListشی تقریباً مشابه یک HTMLCollectionجسم است. برخی از مرورگرها (قدیمی تر) به جای HTMLCollection برای روشهایی مانند NodeList شی را برمی گردانند getElementsByClassName(). همه مرورگرها…

محمد یوسفی

29 جولای 2021

شی HTML NodeList HTML DOM

یک NodeListشی لیستی (مجموعه) از گره های استخراج شده از یک سند است.

یک NodeListشی تقریباً مشابه یک HTMLCollectionجسم است.

برخی از مرورگرها (قدیمی تر) به جای HTMLCollection برای روشهایی مانند NodeList شی را برمی گردانند getElementsByClassName().

همه مرورگرها یک شی NodeList را برای ویژگی بازمی گردانند childNodes.

اکثر مرورگرها یک شی NodeList را برای این روش برمی گردانند querySelectorAll().

کد زیر همه <p>گره های یک سند را انتخاب می کند :

مثال

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

عناصر موجود در NodeList با یک شماره شاخص قابل دسترسی هستند.

برای دسترسی به گره <p> دوم می توانید بنویسید:

myNodeList[1]

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


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

lengthاموال تعداد گره ها در یک لیست گره تعریف می کند:

مثال

myNodelist.length

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

مثال

تغییر رنگ همه عناصر <p> در یک لیست گره:

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

تفاوت بین HTMLCollection و NodeList

HTMLCollection(فصل قبل) مجموعه ای از عناصر HTML است.

NodeListمجموعه ای از گره های سند است.

مجموعه NodeList و HTML کاملاً یک چیز هستند.

هر دو یک شیol HTMLCollection و یک شی N NodeList یک لیست (مجموعه) مانند اشیا است.

هر دو دارای ویژگی طول هستند که تعداد موارد موجود در لیست (مجموعه) را مشخص می کند.

هر دو یک شاخص (0 ، 1 ، 2 ، 3 ، 4 ، …) برای دسترسی به هر مورد مانند یک آرایه فراهم می کنند.

با استفاده از نام ، شناسه یا شماره نمایه آنها می توان به موارد جمع آوری HTML دسترسی پیدا کرد.

موارد NodeList فقط با شماره فهرست آنها قابل دسترسی است.

فقط شی NodeList می تواند شامل گره های ویژگی و گره های متنی باشد.

لیست گره ها آرایه ای نیستند!

یک لیست گره ممکن است مانند یک آرایه باشد ، اما اینطور نیست.

می توانید لیست گره ها را مرور کرده و مانند آرایه ای به گره های آن مراجعه کنید.

با این وجود ، نمی توانید از روش های آرایه مانند مقدارOf () ، push () ، pop () یا join () در لیست گره ها استفاده کنید.

منبع

مطالب مرتبط

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها