HTML DOM Element firstElementChild ການປະກອບ
- ບ່ອນໜ້າຫນຶ່ງແບບກັບຄືນ firstChild
- ບ່ອນໜ້າຫນຶ່ງໜ້າຫນຶ່ງ focus()
- ກັບຄືນອັນສະນະທີ່ສຸດ ອັນດັບ HTML DOM Elements
ການອະທິບາຍແລະການນໍາໃຊ້
firstElementChild
ການປະກອບຂອງກັບ
firstElementChild
ການປະກອບແມ່ນບໍ່ສາມາດເຮັດໃຫ້ປ່ຽນໄດ້.
firstElementChild
ການປະກອບຂອງ children[0]
ມີຕົວເລກດຽວກັນ.
ບໍ່ວ່າຫາກວິດີໂອອື່ນ
实例
例子 1
获取第一个子元素的 HTML 内容:
let text = element.firstElementChild.innerHTML;
例子 2
获取 "myDIV" 的第一个子元素的标签名:
let text = document.getElementById("myDIV").firstElementChild.tagName;
例子 3
获取
let text = document.getElementById("mySelect").firstElementChild.text;
HTML 节点与元素
在 HTML DOM(文档对象模型)中,HTML 文档是拥有(或没有)子节点的节点集合。
节点指的是元素节点、文本节点和注释节点。
元素之间的空白也是文本节点。
而元素只是元素节点。
子节点与子元素
childNodes 返回子节点(元素节点、文本节点和注释节点)。
children 返回ບັນດາລູກລຽບ(而非文本和注释节点)。
firstChild 与 firstElementChild
firstChild 返回第一个子节点(元素节点、文本节点或注释节点)。元素之间的空白也是文本节点。
firstElementChild 返回第一个ບັນດາລູກລຽບ(ບໍ່ກັບຄືນບັນດາບັນດາບາດບານຂອງຂໍ້ຄວາມແລະບັນດາບາດບານຂອງຂໍ້ຄວາມ).
lastChild 与 lastElementChild
lastChild ກັບຄືນຄະແນນທີ່ສຸດ子节点(元素节点、文本节点或注释节点)。元素之间的空白也是文本节点。
lastElementChild ກັບຄືນຄະແນນທີ່ສຸດບັນດາລູກລຽບ(ບໍ່ກັບຄືນບັນດາບັນດາບາດບານຂອງຂໍ້ຄວາມແລະບັນດາບາດບານຂອງຂໍ້ຄວາມ).
ການອະທິບາຍ
element.firstElementChild
ການກັບຄືນຄະແນນ
ຊະນິດ | ການອະທິບາຍ |
---|---|
Node | ລູກລຽບທີ່ໜຶ່ງທຳອິດຂອງບັນດາບັນດາບາດບານ. ຖ້າບໍ່ມີລູກລຽບຈະກັບຄືນ null. |
ການສະໜັບສະໜູນບັນດາບັນດາບາດບານ
element.firstElementChild
ເປັນເລື່ອງທີ່ພິເສດຂອງ DOM Level 3 (2004).
ທຸກບັນດາບັນດາບາດບານທົດລອງທັງໝົດການສະໜັບສະໜູນມັນ:
Chrome | IE | Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Chrome | IE | Edge | Firefox | Safari | Opera |
ການສະໜັບສະໜູນ | 9-11 | ການສະໜັບສະໜູນ | ການສະໜັບສະໜູນ | ການສະໜັບສະໜູນ | ການສະໜັບສະໜູນ |
- ບ່ອນໜ້າຫນຶ່ງແບບກັບຄືນ firstChild
- ບ່ອນໜ້າຫນຶ່ງໜ້າຫນຶ່ງ focus()
- ກັບຄືນອັນສະນະທີ່ສຸດ ອັນດັບ HTML DOM Elements