HTML DOM Element attributes 属性

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

attributes ອັດຕາກັບຄືນອັດຕາຂອງປະຕົວ.

attributes ອັດຕາກັບ NamedNodeMap。

NamedNodeMap

NamedNodeMap ເປັນຄືນອັດຕາຂອງປະຕົວທີ່ບໍ່ມີລຳດັບຂອງປະຕົວ.

ອີງຕາມນັ້ນ: NamedNodeMap ແມ່ນ Attr 对象ຂອງບັນທຶກ.

NamedNodeMap ສະໜັບສະໜູນອັດຕາຂອງຫົວຂໍ້ທີ່ສາມາດກັບຄືນໄດ້ length 属性.

ສາມາດເຂົ້າເຖິງຫົວຂໍ້ທີ່ຜູ້ຄົນຫຼືບັນນາທິການທີ່ບັນທຶກທີ່ (index) 0.

ບໍ່ມີຄວາມສຳຄັນ:

ການສ້າງ HTML DOM ອັດຕາ

ຄວາມນິຍົມ

ຕົວຢ່າງ 1

ປະຕົວຢ່າງ <img> ທີ່ມີອັດຕາຈຳນວນຫຼາຍ:

let numb = document.getElementById("myImg").attributes.length;

ຕັ້ງຕາມຕົນເອງຕອບການ

ຕົວຢ່າງ 2

ສະແດງອັດຕາຂອງປະຕົວ <img> ທັງໝົດ:

const nodeMap = document.getElementById("myImg").attributes;
let text = "";
for (let i = 0; i < nodeMap.length; i++) {
  text += nodeMap[i].name + " = " + nodeMap[i].value + "<br>";
}
document.getElementById("demo").innerHTML = text;

ຕັ້ງຕາມຕົນເອງຕອບການ

ຕົວຢ່າງ 3

ປະຕົວຢ່າງ <button> ທີ່ມີອັດຕາຈຳນວນຫຼາຍ:

let numb = document.getElementById("myButton").attributes.length;

ຕັ້ງຕາມຕົນເອງຕອບການ

ຕົວຢ່າງ 4

ຮັບຊື່ຂອງອັດຕາຂອງປະຕົວ <button> ອັນທີສອງ (index 1):

let attr = document.getElementById("myBtn").attributes[1].name;

ຕັ້ງຕາມຕົນເອງຕອບການ

ກົດລະບຽບ

node.attributes

ຜົນກະທົບ

ປະເພດ ການອະທິບາຍ
NamedNodeMap ຄູ່ມືອັດຕາປະກອບສະຖານະການ

ການສະໜັບສະໜູນບັນຊີບັນນາທິການ

element.attributes ເປັນເປີດການ DOM Level 1 (1998)。

所有浏览器都完全支持它:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 9-11 支持 支持 支持 支持