ພວກມາ()ຂອງ HTMLCollection

定义和用法

item() 方法返回 HTMLCollection 中指定索引处的元素。

元素按照它们在源代码中出现的位置进行排序，索引从 0 开始。

ກໍ່ຈະສາມາດໃຊ້ກົດລະບຽບຄັນນວນຫຼາຍແລະຈະມີຜົນກະທົບດຽວກັນ:

var x = document.getElementsByTagName("P")[0];

ຕົວຢ່າງ

ຕົວຢ່າງ 1

ການຄົ້ນຫາ HTML ຂອງປະກອບ <p> ທຳອິດໃນເອກະສານນີ້:

function myFunction() {
  var x = document.getElementsByTagName("P").item(0);
  alert(x.innerHTML);
}

ທ້າທາຍຕົວເອງ

ຂອບເຫດກົດລະບຽບ

HTMLCollection.item(index)

ຫຼື：

HTMLCollection[index]

ຄູ່ມູນ

ປະກອບຂໍ້ມູນ ປະເພດ ການອະທິບາຍ
index Number

ຕ້ອງການທີ່ຈະກັບຄືນດັ່ງກ່າວ。

ຄວາມຄິດເຫັນ:ດັດສະນີເລີ່ມຈາກ 0。

ຜົນກະທົບ

ອົງການ Element،ຄົ້ນຫາປະກອບທີ່ຢູ່ບ່ອນດັ່ງກ່າວ。

ຖ້າເງັນດັບດັງບໍ່ຢູ່ບໍ່ຈະກັບຄືນ null。

ການສະໜັບສະໜູນບັນດາບັນນາທິການ

ກົດລະບຽບ Chrome IE Firefox Safari Opera
item() ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ

ຕົວຢ່າງອື່ນໆ

ຕົວຢ່າງ 2

ປ່ຽນ HTML ຂອງປະກອບ <p> ທຳອິດ:

document.getElementsByTagName("P").item(0).innerHTML = "Paragraph changed";

ທ້າທາຍຕົວເອງ

ຕົວຢ່າງ 3

ການຢືບຢັນທັງໝົດປະກອບທີ່ class="myclass" ແລະ ປ່ຽນສະເໜີສີຫຼັງການສະແດງ:

var x = document.getElementsByClassName("myclass");
for (i = 0; i < x.length; i++) {
  x.item(i).style.backgroundColor = "red";
}

ທ້າທາຍຕົວເອງ

ຕົວຢ່າງ 4

ການຄົ້ນຫາ HTML ຂອງປະກອບ <p> ທຳອິດໃນ <div>:

var div = document.getElementById("myDIV");
var x = div.getElementsByTagName("P").item(0).innerHTML;

ທ້າທາຍຕົວເອງ

ບັນດາໜ້າທີ່ກ່ຽວຂ້ອງ

HTMLCollection：ປະສົມປະກອບ length

ສິ່ງ HTML:getElementsByClassName() ກົດລະບຽບ

ສິ່ງ HTML:getElementsByTagName()ຂອງ HTML DOM