Thuộc tính childNodes
trả về một tập hợp các nút con thực của một nút, là một đối tượng NodeList
. Thuộc tính này là thuộc tính chỉ đọc [read-only].
Các nút trong bộ sưu tập được sắp xếp khi chúng xuất hiện trong mã nguồn và có thể được truy cập bằng số chỉ mục. Chỉ số bắt đầu bằng 0.
Khi có bất cứ thay đổi nào ảnh hưởng đến các nút bên trong tập childNodes
này thì giá
trị của thuộc tính childNodes
sẽ tự cập nhật theo.
Lưu ý: Khoảng trống bên trong các phần tử được coi là văn bản và văn bản vẫn được coi là nút. Nhận xét cũng được coi là nút.
Mẹo: Bạn có thể sử dụng thuộc tính độ dài của đối tượng NodeList
để xác định số lượng nút con, sau đó bạn có thể lặp qua tất cả các nút con và trích xuất thông tin bạn muốn.
Mẹo: Để trả về tập hợp các nút phần tử của một nút [không bao gồm nút văn bản và nhận xét], hãy sử dụng thuộc tính con.
Mẹo:
element.childNodes[0]
sẽ tạo ra kết quả tương tự như thuộc tính firstChild
.
Cú pháp
var nodeList = elementNodeReference.childNodes;
Ví dụ
Ví dụ 1: cách sử dụng đơn giản nhất
// parg is an object reference to a element // First check that the element has child nodes if [parg.hasChildNodes[]] { var children = parg.childNodes; for [var i = 0; i < children.length; i++] { // do something with each child as children[i] // NOTE: List is live, adding or removing children will change the list } }
Lấy một tập hợp các nút con của phần tử :
var c = document.body.childNodes;
Tìm hiểu xem có bao nhiêu nút con mà phần tử Lấy văn bản của nút con thứ ba [chỉ mục 2] của phần tử Các trang web được Đại Phố thiết kế luôn mặc định các tính năng sau: Quản lí nội dung: có thể dễ dàng thêm, xóa, sửa các thông tin trên website Xin vui lòng liên hệ với chúng tôi nếu cần thêm thông tin HOME>> học javascript - lập trình javascript cơ bản>>13. dom trong javascriptvar c = document.getElementById["myDIV"].childNodes.length;
:
var c = document.getElementById["mySelect"].childNodes[2].text;
Tính tương thích của trình duyệt web
Trình duyệt trên máy tính
Trình duyệt
Phiên bản tương thích
Chrome
Có
Edge
12
FireFox
1
Internet Eplorer
Có
Opera
Có
Safari
Có
Trình duyệt trên thiết bị di động
Trình duyệt
Phiên bản tương thích
Android Webview
Có
Chrome for Android
Có
Edge Mobile
?
FireFox for Android
Từ version 4.0
Opera
Có
iOS Safari
Có
Samsung Internet
Có
Tham khảo:
Bài viết liên quan
currentScript trong JavaScript và cách lấy Element chứa mã script đang được xử lý
attributes trong JavaScript và cách lấy danh sách thuộc tính của Element
DOM là gì trong
JavaScript
firstChild trong JavaScript và cách lấy Node con đầu tiên
firstElementChild trong JavaScript và cách lấy Element con đầu tiên
children trong JavaScript và cách lấy các Element con
DocumentFragment trong JavaScript và cách thêm đồng thời nhiều Node