HTML DOM firstElementChild Thuộc tính
Thí dụ
Lấy nội dung HTML của phần tử con đầu tiên của phần tử <ul>:
var x = document.getElementById("myList").firstElementChild.innerHTML;
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Thuộc tính firstElementChild trả về phần tử con đầu tiên của phần tử được chỉ định.
Sự khác biệt giữa thuộc tính này và firstChild , là firstChild trả về nút con đầu tiên dưới dạng nút phần tử, nút văn bản hoặc nút nhận xét (tùy thuộc vào thuộc tính nào đầu tiên), trong khi firstElementChild trả về nút con đầu tiên dưới dạng nút phần tử (bỏ qua văn bản và các nút bình luận).
Thuộc tính này là chỉ đọc.
Mẹo: Sử dụng thuộc tính children để trả về bất kỳ phần tử con nào của một phần tử được chỉ định. Children [0] sẽ tạo ra kết quả tương tự như firstElementChild.
Mẹo: Để trả về phần tử con cuối cùng của một phần tử được chỉ định, hãy sử dụng thuộc tính lastElementChild .
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
firstElementChild | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
Cú pháp
element.firstElementChild
Chi tiết kỹ thuật
Giá trị trả lại: | Một đối tượng Node, đại diện cho phần tử con đầu tiên của một phần tử hoặc null nếu không có phần tử con nào |
---|---|
Phiên bản DOM | Truyền tải yếu tố cấp 3 cốt lõi |
Các ví dụ khác
Thí dụ
Lấy tên thẻ của phần tử con đầu tiên của phần tử <div>:
var x = document.getElementById("myDIV").firstElementChild.tagName;
document.getElementById("demo").innerHTML = x;
Thí dụ
Nhận văn bản của nút phần tử đầu tiên của phần tử <select>:
var x = document.getElementById("mySelect").firstElementChild.text;