دستورالعمل NodeList DOM HTML

NodeList

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

نودهای NodeList می‌توانند از طریق شمارنده‌ها دسترسی پیدا شوند (از 0 شروع می‌شود).

length کا اعداد و شمارتعداد نودهای NodeList را بازمی‌گرداند.

NodeList در برابر HTMLCollection

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

لطفاً توضیحات زیر را ببینید.

چه کسی NodeList را برمی‌گرداند؟

ویژگی childNodes

روش querySelectorAll()

روش getElementsByName()

ویژگی‌ها و روش‌ها

می‌توان از موارد زیر به عنوان ویژگی‌ها و روش‌ها در NodeList استفاده کرد:

نام توضیحات
entries() با استفاده از کلید/مقدار آنتراتور از لیست بازمی‌گرداند.
forEach() برای هر نود در لیست یک تابع بازگشتی اجرا می‌کند.
item() نود در موقعیت مشخص شده را بازمی‌گرداند.
keys() با استفاده از کلیدهای لیست آنتراتور بازگردانید.
length تعداد نودهای NodeList را بازمی‌گرداند.
values() مطالعه از لیست با استفاده از مقادیر بازگشت آنتراتور.

مثال

تمام <p> نود:

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

عناصر NodeList می‌توانند از طریق شمارنده‌های عددی دسترسی پیدا شوند.

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

myNodeList[1]

آپ خود سائیں کا تجربہ کریں،

توجه داشته باشید:شمارنده از 0 شروع می‌شود.

طول لیست DOM HTML

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

مثال 1

myNodelist.length

آپ خود سائیں کا تجربہ کریں،

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

مثال 2

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

const myNodelist = document.querySelectorAll("p");
برای (گذشت i = 0; i < myNodelist.length; i++) {
  myNodelist[i].style.color = "red";
}

آپ خود سائیں کا تجربہ کریں،

نہ آرائی انڈیکس

NodeList نہیں آرائی انڈیکس نہیں،

NodeList جیسا کچھ بھی نہیں لگتا، لیکن حقیقت میں نہیں لگتا،

آپ NodeList کا سفر کرسکتے اور ان کی نودوں کو انڈیکس کے ذریعے استعمال کرسکتے ہیں،

لیکن آپ NodeList پر آرائی انڈیکس کا استعمال نہیں کرسکتے، مثال: push()، pop() یا join()۔

HTMLCollection اور NodeList کی فرق

NodeList اور HTMLcollection بسیار مشابہ

دو دونوں کا، ان دونوں سے دستاویز (عنصر) کا کالکشن (لیسٹ) دستیاب ہوتا ہے جو مشابہ آرائی انڈیکس سے دستیاب ہوتا ہے، انڈیکس سے شروع ہوتا ہے۔

دو دونوں کا length کا اعداد و شمار، جو لیسٹ (کالکشن) میں علامت کی تعداد کو واپسی دیتا ہے،

HTMLCollectionدستاویز علامتکا کالکشن ہوتا ہے،

NodeListدستاویز نودعنصر نود، کچھ نود اور متن نود کا کالکشن،

HTMLCollection کی آئیٹمز نام، id یا شمارش کے ذریعے دستیاب ہوتی ہیں،

NodeList کی آئیٹمز صرف ان کی شمارش کے ذریعے دستیاب ہوتی ہیں۔

زندہHTMLCollection ہمیشہ ایک زندہ کالکشن ہوتا ہے،زندہ

NodeList عام طور پر ایک کالکشن ہوتا ہے، مثال: اگر <li> علامت کو DOM میں لیسٹ میں شامل کیا جائے تو HTMLCollection میں لیسٹ میں تبدیلی ہوگی۔ساٹیککالکشن۔ مثال: اگر <li> علامت کو DOM میں لیسٹ میں شامل کیا جائے تو NodeList میں لیسٹ میں تبدیلی نہیں ہوگی۔

getElementsByClassName() اور getElementsByTagName() طریقہ واپسی زندہ HTMLCollection ہوتا ہے。

querySelectorAll() طریقہ واپسی ساٹیک NodeList ہوتا ہے。

childNodes طریقہ واپسی زندہ NodeList ہوتا ہے。

زندہ نود لیست

کچھ صورت حالات میں NodeListزندہDOM میں تبدیلیاں NodeList کو اپدیت کردیتی ہیں۔

childNodes طریقہ واپسی زندہ NodeList ہوتا ہے。