اشیاء HTMLCollection XML DOM

HTMLCollection کا متد

HTMLCollection یک رابط است که مجموعه‌ای از عناصر HTML را نشان می‌دهد و متدها و ویژگی‌هایی را فراهم می‌کند که می‌توان با استفاده از آن‌ها لیست را جستجو کرد.

HTMLCollection در HTML DOM زنده است؛ اگر مستند پایه تغییر کند، این تغییرات به صورت مستقیم در تمام HTMLCollection نمایش داده می‌شوند.

هر یک از موارد زیر (و ویژگی‌های مشخص شده) HTMLCollection را بازمی‌گرداند:

  • Document (images, applets, links, forms, anchors)
  • form (elements)
  • map (areas)
  • select (options)
  • table (rows, tBodies)
  • tableSection (rows)
  • row (cells)

بسیاری از ویژگی‌های HTMLDocument به عنوان HTMLCollection هستند، که راه‌حل‌های راحت‌ای برای دسترسی به عناصر مستند مانند فرم‌ها، تصاویر و لینک‌ها ارائه می‌دهد.form.elements و select.options همه HTMLCollection هستند. HTMLCollection همچنین امکان جستجو را فراهم می‌کند Table کلیه سطرهای آن و TableRow یک روش آسان برای دسترسی به سلول‌های مختلف است.

همانطور که قبلاً ذکر شد، HTMLCollection یک مجموعه از عناصر HTML با متدهاست، که می‌توان از طریق موقعیت عناصر در مستند یا ویژگی‌های id و name آن‌ها عناصر را دریافت کرد. در JavaScript، رفتار HTMLCollection مانند یک آرایه خواندنی است و می‌توان از علامت‌های توخالی JavaScript برای شاخص‌گذاری یک HTMLCollection استفاده کرد، بدون اینکه نیاز باشد item() متدو namedItem() متد.

HTMLCollection فقط خواندنی است و نمی‌توان به آن عناصر جدید اضافه کرد، حتی با استفاده از نحوۀ آرایه‌های JavaScript نیز ممکن نیست.

HTMLCollection و NodeList آوٹھابسیار مشابه هستند، اما ممکن است هر دو با استفاده از شماره یا نام به عنوان شاخص استفاده شوند.

HTMLCollection کا ویژگی

ویژگی وصف
cssRules فقط خواندنی، اعداد را بازمی‌گرداند که طول لیست را نشان می‌دهد (یعنی تعداد عناصر در مجموعه).

HTMLCollection کا متد

طریقہ کار وصف
item() معینہ مقام کا وارث یا نود کو جمع میں واپس لایا جاتا ہے。
namedItem() نام یا id کی اقدار کا معینہ وارث یا نود کو جمع میں واپس لایا جاتا ہے。

مثال

var c = document.forms;		//یہ form علامت کا ایک HTMLCollection آوٹھا
var firstform = c[0];		//اس طرح نمبر آرایکا کا استعمال کیا جاسکتا ہے
var lastform = c[c.length-1];	//length کا حصہ اعداد کی تعداد درج کراتا ہے
var address = c["address"];		//اس طرح مرتبط آرایکا کا استعمال کیا جاسکتا ہے
var address = c.address;		//JavaScript اس طرح کی نمائش کی اجازت دیتا ہے

مربوط پیج

XML DOM مرجع کتاب:HTMLDocument آوٹھا

XML DOM مرجع کتاب:NodeList آوٹھا

مرجع کتاب:HTML DOM مرجع کتاب