HTML DOM Element firstElementChild 属性
- Trang trước firstChild
- Trang tiếp theo focus()
- Quay lại lớp trên Đối tượng Elements DOM HTML
定义和用法
firstElementChild
属性返回指定元素的第一个子元素。
firstElementChild
属性是只读的。
firstElementChild
属性返回与 children[0]
相同的值。
另请参阅:
Ví dụ
Ví dụ 1
Lấy nội dung HTML của phần tử con đầu tiên:
let text = element.firstElementChild.innerHTML;
Ví dụ 2
Lấy tên thẻ của phần tử con đầu tiên của "myDIV":
let text = document.getElementById("myDIV").firstElementChild.tagName;
Ví dụ 3
Lấy văn bản của phần tử con đầu tiên của phần tử <select>:
let text = document.getElementById("mySelect").firstElementChild.text;
Nút HTML và phần tử
Trong HTML DOMTrong (Document Object Model), tài liệu HTML là tập hợp các nút có (hoặc không có) nút con.
NútChỉ là các nút phần tử, nút văn bản và nút chú thích.
Phần tửKhoảng trống giữa chúng cũng là nút văn bản.
Mà phần tử chỉ là nút phần tử.
Nút con và phần tử con
childNodes Trả vềNút con(Nút phần tử, nút văn bản và nút chú thích).
children Trả vềPhần tử con(Phương tiện而非 nút văn bản và nút chú thích).
firstChild và firstElementChild
firstChild Trả về phần tử đầu tiênNút con(Nút phần tử, nút văn bản hoặc nút chú thích). Khoảng trống giữa các phần tử cũng là nút văn bản.
firstElementChild Trả về phần tử đầu tiênPhần tử con(Không trả về các nút văn bản và nút chú thích).
lastChild và lastElementChild
lastChild Trả về phần tử cuối cùngNút con(Nút phần tử, nút văn bản hoặc nút chú thích). Khoảng trống giữa các phần tử cũng là nút văn bản.
lastElementChild Trả về phần tử cuối cùngPhần tử con(Không trả về các nút văn bản và nút chú thích).
Cú pháp
element.firstElementChild
Giá trị trả về
Loại | Mô tả |
---|---|
Node | Một phần tử con đầu tiên của phần tử. Nếu không có con, sẽ trả về null. |
Hỗ trợ trình duyệt
element.firstElementChild
Là tính năng DOM Level 3 (2004).
Tất cả các trình duyệt đều hỗ trợ hoàn toàn nó:
Chrome | IE | Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Chrome | IE | Edge | Firefox | Safari | Opera |
Hỗ trợ | 9-11 | Hỗ trợ | Hỗ trợ | Hỗ trợ | Hỗ trợ |
- Trang trước firstChild
- Trang tiếp theo focus()
- Quay lại lớp trên Đối tượng Elements DOM HTML