HTML DOM Element nodeName ການຄອບຄອງ

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

nodeName ການຄອບຄອງຂອງຕົວອາກາດ:

  • ຖ້າຫົວຂໍ້ແມ່ນຫົວຂໍ້ບັນດາຫົວຂໍ້ນັ້ນຊື່ແຕ້ມ（ມີສັນຍານຫຼັກ）
  • ຖ້າຫົວຂໍ້ແມ່ນປະສົມຜ່ານນັ້ນຊື່ຜ່ານຂອງປະສົມ.
  • ຖ້າຫົວຂໍ້ແມ່ນຫົວຂໍ້ຂອງຂໍ້ຄວາມນັ້ນ #text.
  • ຖ້າຫົວຂໍ້ແມ່ນຫົວຂໍ້ຄວາມຄິດເຫັນນັ້ນ #comment.
  • ຖ້າຫົວຂໍ້ແມ່ນຫົວຂໍ້ເອກະສານນັ້ນ #document.

ປະສົມປະກອບ nodeName ແມ່ນບໍ່ສາມາດເຮັດການກັບຄືນໄດ້

ບໍ່ດັ່ງນັ້ນພາຍໃຫ້ເຫັນ:

ປະສົມປະກອບ nodeType

ປະສົມປະກອບ nodeValue

ປະສົມປະກອບ tagName

ປະສົມປະກອບ childNodes

ຄວາມປະສົມ

ຕົວຢ່າງ 1

ການກັບຄືນຫົວຂໍ້ຂອງຫົວຂໍ້ <p>

document.getElementById("myP").nodeName;

ຕື່ມພວກເຈົ້າສົມມຸດຖາວອນດຽວກັນ

ຕົວຢ່າງ 2

ການກັບຄືນຫົວຂໍ້ຂອງຫົວຂໍ້ຂອງຫົວຂໍ້ <body>

document.body.nodeName;

ຕື່ມພວກເຈົ້າສົມມຸດຖາວອນດຽວກັນ

ຕົວຢ່າງ 3

ການຮຽບຮ້ອງຫົວຂໍ້ຂອງບັນດາຫົວຂໍ້ພາຍໃນຫົວຂໍ້ຄວາມ <body>

const nodes = document.body.childNodes;
let text = "";
for (let i = 0; i < nodes.length; i++) {
  text += nodes[i].nodeName + "<br>";
}

ຕື່ມພວກເຈົ້າສົມມຸດຖາວອນດຽວກັນ

ຕົວຢ່າງ 4

ການຮຽບຮ້ອງ "myDIV" ຂອງຫົວຂໍ້ພາຍໃນຫົວຂໍ້ຄວາມທີ່ພາຍໃນບັນດາຫົວຂໍ້ຂອງຫົວຂໍ້ຄວາມ

const x = document.getElementById("myDIV").firstChild;
let text = "";
text += "Name: " + x.nodeName + "<br>";
text += "Value: " + x.nodeValue + "<br>";
text += "Type: " + x.nodeType;

ຕື່ມພວກເຈົ້າສົມມຸດຖາວອນດຽວກັນ

ສັນຍານ

element.nodeName

ຫຼື

node.nodeName

ຄຳຕອບກັບ

  • ການກັບຄືນຫົວຂໍ້ຂອງບັນດາຫົວຂໍ້ຊື່ແຕ້ມ（ມີສັນຍານຫຼັກ）
  • ການກັບຄືນຫົວຂໍ້ຂອງຜ່ານຊື່ຜ່ານ
  • ການກັບຄືນຫົວຂໍ້ຂອງຂໍ້ຄວາມ #text
  • ການກັບຄືນຫົວຂໍ້ຂອງຄວາມຄິດເຫັນ #comment
  • ການກັບຄືນຫົວຂໍ້ຂອງເອກະສານ #document

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

element.nodeName ເປັນປະສົມປະກອບ DOM Level 1 (1998)

ທຸກບັນດາບັນນາທິການໄດ້ສະໜັບສະໜູນຢ່າງເຕັມທີ່:

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