HTML DOM Element getAttributeNode() 方法
- ກັບຄືນຊຸມຫນື່ງ getAttribute()
- ການໜ້າໄປຕໍ່ໜ້າຫນື່ງ getBoundingClientRect()
- ກັບຄືນຊຸມ ບັນດາບັນຊີ HTML DOM Elements
知识点:getAttribute() 和 getAttributeNode() 的区别
getAttribute()
方法返回属性的值。
getAttributeNode()
ວິທີການທີ່ກັບຄືນຄຳຕອບ ວັດຖຸ Attr, ທ່ານຕ້ອງໃຊ້ ປະເພດ Attr value ທີ່ຈະຮັບມາຄຳຕອບນັ້ນ.
ຜົນກໍານົດຈະຄືກັນ.
ຄວາມຜົນ
ກໍານົດ 1
ການກັບຄືນຄຳຕອບ class ຂອງລັກສະນະ <h1>.
const element = document.getElementsByTagName("H1")[0]; let text = element.getAttributeNode("class").value;
ກໍານົດ 2
ການກັບຄືນຄຳຕອບ target ຂອງລັກສະນະ <a>.
var elmnt = document.getElementById("myAnchor"); var attr = elmnt.getAttributeNode("target").value;
ກໍານົດ 3
ການກັບຄືນຄຳຕອບ onclick ຂອງລັກສະນະ <button>.
var elmnt = document.getElementById("myBtn"); var attr = elmnt.getAttributeNode("onclick").value;
ກົດລະບຽບ
element.getAttributeNode(name)
ປະເພດ
ປະເພດ | ການອະທິບາຍ |
---|---|
name | ສະຫງົບ. ຊື່ຂອງລັກສະນະ. |
ການກັບຄືນຄຳຕອບ
ປະເພດ | ການອະທິບາຍ |
---|---|
ວັດຖຸ | ວັດຖຸ Attr ຂອງລັກສະນະ. |
null | ຖ້າບໍ່ມີລັກສະນະ. |
ການອະທິບາຍ
getAttributeNode()
ວິທີການຈະກັບຄືນຂໍ້ມູນຂອງ Attr ຂອງລັກສະນະທີ່ກໍານົດ. ເວລາທີ່ທີ່ຈະຮັບຈາກ attributes ທີ່ຖືກອະນຸຍາດຈາກປະຕິບັດຕາມໂດຍ Node interface ກໍ່ຈະຮັບມາ.
ການສະໜັບສະໜູນບັດເບິ່ງ
element.getAttributeNode()
ເປັນຄວາມສະເພາະ DOM Level 1 (1998).
ທຸກສານບັດເບິ່ງທັງໝົດທີ່ສະໜັບສະໜູນມັນ:
Chrome | IE | Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Chrome | IE | Edge | Firefox | Safari | Opera |
ການສະໜັບສະໜູນ | 9-11 | ການສະໜັບສະໜູນ | ການສະໜັບສະໜູນ | ການສະໜັບສະໜູນ | ການສະໜັບສະໜູນ |
- ກັບຄືນຊຸມຫນື່ງ getAttribute()
- ການໜ້າໄປຕໍ່ໜ້າຫນື່ງ getBoundingClientRect()
- ກັບຄືນຊຸມ ບັນດາບັນຊີ HTML DOM Elements