ອົງການ XML DOM HTMLCollection

HTMLCollection 对象

HTMLCollection 是一个接口，表示 HTML 元素的集合，它提供了可以遍历列表的方法和属性。

HTML DOM 中的 HTMLCollection 是“活”的；如果基本的文档改变时，那些改变通过所有 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() ກັບກົນລະຍຸດລວມຂອງບັນດາສິບປະກອບທີ່ມີຄວາມຜູກມັດທີ່ກໍານົດຫຍັງ

ບັນທຶກຄວາມ

var c = document.forms;		//ນັ້ນແມ່ນໂອບລາຍການ HTMLCollection ຂອງ form
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