جسٹا اسکریپٹ HTML DOM مجموعه

HTMLCollection آئیٹم لیست (مجموعہ)

getElementsByTagName() مетод جو بھی واپس لایا جاتا ہے HTMLCollection آبجیکٹ

HTMLCollection آئیٹم لیست (مجموعہ) کا کلاس آرائی اینڈ کا حصہ ہوتا ہے۔

درج ذیل کوڈ میں تمام <p> عناصر کو چنایا جاتا ہے:

مثال

var x = document.getElementsByTagName("p");

اس مجموعے میں عناصر ان کی اشاریوں کے ذریعے دستیاب ہیں۔

دوسرے <p> عناصر تک رسائی کے لئے آپ ایسا لکھ سکتے ہیں:

y = x[1];

خود کا تجربہ کریئن

تعلیمات:اگلائیں سلسلہ سے شروع ہوتا ہے۔

HTML HTMLCollection کی لمبائی

length خواصت کا تعریف HTMLCollection میں عناصر کی تعداد کا ہوتا ہے:

مثال

وار میکولکشن = ڈاکومن گت بیگ تگ ("p");
ڈاکومن گت آئی ڈی ("demo").innerHTML = myCollection.length;

خود کا تجربہ کریئن

مثال تفسیر:

  • تمام <p> عناصر کا کلیکشن بنایا گیا ہے
  • کلیکشن کی لمبائی کو دکھاوا جاتا ہے

length مزید استعمال کیلئے مفید اپریشن ہیں:

مثال

تمام <p> عناصر کی پس منظر رنگ بدل دیجئے:

وار میکولکشن = ڈاکومن گت بیگ تگ ("p");
وار ائی;
برائی (i = 0; i < myCollection.length; i++) {
    myCollection[i].style.backgroundColor = "red";
}

خود کا تجربہ کریئن

HTMLCollection آرائی نہیں ہے!

HTMLCollection آرائی کی طرح دیکھتا ہوا ہو سکتا ہے لیکن آرائی نہیں ہے.

آپ لسٹ کو پارو سکتے ہیں اور نمبر کی مدد سے عناصر کو حاصل کرسکتے ہیں (جیسا کہ آرائی میں ہوتی ہے).

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