جسٹا اسکریپٹ HTML DOM فهرست نوٹ

شیء HTML DOM NodeList

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

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

اگر از getElementsByClassName() این روش، در برخی مرورگرهای قدیمی (بسیار قدیمی) به جای NodeList یک شیء HTMLCollection را برمی‌گرداند.

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

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

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

مثال

واریابل myNodeList = document.querySelectorAll("p");

}

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

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

y = myNodeList[1];

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

طول لیست HTML DOM Node List

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

مثال

واریابل myNodelist = document.querySelectorAll("p");
document.getElementById("demo").innerHTML = myNodelist.length;

}

توضیح مثال:

  • ایجاد لیست همه عناصر <p>
  • نمایش طول این لیست

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

مثال

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

واریابل myNodelist = document.querySelectorAll("p");
واریابل i;
برای (i = 0; i < myNodelist.length; i++) {
    myNodelist[i].style.backgroundColor = "red";
}

}

خود کو بچاروا

HTML کالکشن اور نود لیست کی فرق

HTML کالکشن (پچھلے چپ) HTML آٹھارٹیوں کا مجموعہ ہے。

نود لیست نود آٹھارٹیوں کا مجموعہ ہے。

HTML کالکشن اور نود لیست آٹھارٹی دونوں کلاس آرری کی طرح کے آٹھارٹی سائٹس کی لسٹ (کالکشن) ہیں。

وہ دونوں کا تعریف شدہ فائل (کالکشن) میں پروجیکٹوں کی تعداد کا تعریف شدہ ہوتا ہے。 length خصوصیات。

وہ دونوں انڈیکس (0، 1، 2، 3، 4، ...) کی طرح ہر پروجیکٹ تک پہنچ سکتے ہیں。

HTML کالکشن پروجیکٹس تک رستہ ان کے نام، آئی ڈی یا انڈیکس نمبروں کے ذریعے کرسکتا ہے。

نود لیست پروجیکٹس تک رستہ صرف ان کی انڈیکس نمبروں کے ذریعے کرسکتا ہے。

فقط نود لیست آٹھارٹی کا اپنے اندر نود آٹھارٹی اور ٹیکسٹ آٹھارٹی رکھ سکتا ہے。

نود لیست آرری نہیں ہے!

نود آرری جیسا نظر آتا ہے، لیکن وہ نہیں ہوتا ہے。

آپ نود لیست کو مرتب تلاش کرسکتے ہیں اور ان کی نودوں کو آرری کی طرح استعمال کرسکتے ہیں。

بھائی، آپ نے نود لیست پر آرری انڈیکس کو نہیں استعمال کرسکتے، مثلاً valueOf ()،پوش ()،پاپ () یا جوائن ()