HTML DOM Document getElementsByTagName() ວິທີການ

ການອະທິບາຍ ແລະ ການນໍາໃຊ້

getElementsByTagName() ວິທີການກັບຄືນການກັບຄືນບັນດາຢ່າງທີ່ແມ່ນມີຕົວສຽງການບັງຄັບພິມທີ່ກໍານົດ:

getElementsByTagName() ວິທີການກັບຄືນ HTMLCollection

getElementsByTagName() ປະສົມກະທັບແມ່ນມີພຽງແຕ່ການອອກນຳ:

ຄວາມເຫັນ:getElementsByTagName("*") ກັບຄືນທຸກຢ່າງໃນເອກະສານ:

HTMLCollection

HTMLCollection ເປັນບັນດາ HTML ທີ່ຄ້າຍຄືກັບວິທີວິດຢູ່ (ບັນດາ):

ສາມາດເຂົ້າຫາຢ່າງໃນການລວມດ້ວຍບາງດັດ (ເລີ່ມຈາກ 0):

length ປະສົມກະທັບການການການນັບຈຳນວນຢ່າງທຸກຢ່າງໃນການລວມ:

ບໍ່ຊອກຫາ:

ວິທີການ getElementById()

ວິທີການ getElementsByClassName()

ວິທີການ querySelector()

ວິທີການ querySelectorAll()

ບັນດາ HTMLCollection

ຄວາມຈະເລີນ

ຕົວຢ່າງ 1

ການເອົາທຸກຢ່າງທີ່ແມ່ນ <li>:

const collection = document.getElementsByTagName("li");

亲自试一试

ຕົວຢ່າງ 2

ການເອົາທຸກຢ່າງໃນເອກະສານ:

const collection = document.getElementsByTagName("*");

亲自试一试

ຕົວຢ່າງ 3

ປ່ຽນສີທີ່ຫຼັງຂອງ HTML ທຸກຢ່າງທີ່ເປັນ <p> ໃນເອກະສານຄັ້ງທຳອິດ:

document.getElementsByTagName("p")[0].innerHTML = "Hello World!";

亲自试一试

ຕົວຢ່າງ 4

ຈຳນວນ <li> ໃນເອກະສານ:

let numb = document.getElementsByTagName("li").length;

亲自试一试

ຕົວຢ່າງ 5

ປ່ຽນສີທີ່ຫຼັງຂອງ <p> ທຸກຢ່າງ:

const collection = document.getElementsByTagName("P");
for (let i = 0; i < collection.length; i++) {
  collection[i].style.backgroundColor = "red";
}

亲自试一试

语法

document.getElementsByTagName(tagName)

参数

参数 描述
tagName 必需。元素的标记名。

返回值

类型 描述
对象

HTMLCollection 对象。

拥有指定标签名称的元素的集合。

ຈະອະທິບາຍຕາມຈຸດຕິດຕາມຂອງມັນໃນເອກະສານ.

ຂໍ້ສະເພາະທາງເຕັກນິກ

ການເອົາຄືນຈະປະກອບມີ NodeList ໂອກາດ (ເປັນສະໜາມທີ່ສາມາດເຂົ້າໃຈໄດ້ຢ່າງພຽງພໍ), ຊຶ່ງກວດສອບບັນດາ Element ທີ່ມີຊື່ຕາມຫົວໜ້າທີ່ກໍານົດກ່ອນໃນເອກະສານ, ແລະຄວາມສະຖານະຂອງມັນຈະຕາມຈຸດຕິດຕາມໃນເອກະສານໃນມາດຕະການທຳມະດາ.

NodeList 对象ຕົວເລືອກມີສະຖານະ “ທີ່ຢູ່ອາກາດ” (live), ເຊິ່ງຄວາມຂອງມັນຈະອາດຈະຖືກປັບປຸງອາດທິດຂອງມັນທັງໝົດຖ້າມີການເພີ່ມຫຼືຫຍຸດອຸປະກອນທີ່ມີຊື່ຕາມຫົວໜ້າທີ່ກໍານົດກ່ອນ.

ໃນເອກະສານ HTML ຈະບໍ່ຫມັກຄວາມສະເພາະຈະນັ້ນແຕ່ຈະສາມາດກໍານົດມາໃນຮູບແບບຈະນັ້ນ. tagName،ມັນຈະຕິດຕາມຫົວໜ້າທີ່ມີຊື່ງສະເພາະຈະນັ້ນທັງໝົດຈາກເອກະສານ. ແຕ່ໃນເອກະສານ XML ຈະຫມັກຄວາມສະເພາະຈະນັ້ນ.tagName ພຽງແຕ່ຕາມຫົວໜ້າທີ່ມີຊື່ງສະເພາະຈະນັ້ນຈະຖືກກວດສອບ.

ຄຳເຕືອນ:Element 接口ຕັ້ງການວ່າມີພາລະຄາວຍັງຈະກວດສອບບັນດາຂອງໂຕະແນະໃນໂຕະແນະໃນເອກະສານ. HTMLDocument 接口ກໍ່ຕັ້ງການ getElementByName() 方法，ມັນນີ້ຖືກຕິດຕາມຈຸດສັງເກດຈາກມາດຕະການຊື່ (ບໍ່ແມ່ນຈຸດສັງເກດຈາກຫົວໜ້າ).

ການສະໜັບສະໜູນພາສາບັນດາບຸກຄົນ

document.getElementsByTagName() ເປັນລັກສະນະ DOM Level 1 (1998).

ທຸກພາສາເບິ່ງຄື:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
ສະໜັບສະໜູນ 9-11 ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ

ບັນດາຫນ້າເວັບ

JavaScript 参考手册：element.getElementsByTagName()

JavaScript 教程：JavaScript HTML DOM 节点列表