Hướng dẫn dùng childnodes trong PHP

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ử

có:

var c = document.getElementById["myDIV"].childNodes.length;

Lấy văn bản của nút con thứ ba [chỉ mục 2] của phần tử :

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
Edge 12
FireFox 1
Internet Eplorer
Opera
Safari

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
Chrome for Android
Edge Mobile ?
FireFox for Android Từ version 4.0
Opera
iOS Safari
Samsung Internet

Tham khảo:

  • Web APIs: Đối tượng Document
  • Web APIs: Đối tượng Node

Các trang web được Đại Phố thiết kế luôn mặc định các tính năng sau:

  • Mã nguồn được tối ưu với các công cụ tìm kiếm.
  • Trang web hỗ trợ thiết bị di động, tương thích với mọi thiết bị: điện thoại, máy tính bảng, máy tính và laptop. Sử dụng công nghệ HTML5, CSS3 Mobile Responsive.
  • Dễ dàng thay đổi theo phong cách riêng của bạn.
  • Dễ dàng thêm bớt số lượng các trang, và chỉnh sửa nội hiển thị trên website tùy ý
  • Phần quản trị rõ ràng, trực quan, dễ sử dụng với cả những người không chuyên về IT.

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

  • Thông tin sản phẩm và dịch vụ của công ty
  • Thông tin dự án, đối tác Giới thiệu – Liên hệ
  • Thông tin giới thiệu, thông tin liên hệ
  • Tin tức
  • Hình ảnh trên website, sửa các tag alt, descriotion, caption
  • Hình ảnh và caption trên Slideshow

Xin vui lòng liên hệ với chúng tôi nếu cần thêm thông tin

Bài viết liên quan

Hãy chia sẻ và cùng lan tỏa kiến thức lập trình Nhật Bản tại Việt Nam!

HOME>> học javascript - lập trình javascript cơ bản>>13. dom trong javascript

Bài sau
querySelectorAll trong JavaScript và cách lấy các element theo điều kiện
Bài tiếp
parentNode trong JavaScript và cách lấy Node cha
  • Bài viết mới nhất
  • Làm tròn số trong JavaScript [Math.round, Math.ceil, Math.floor] tháng 7 1, 2022
  • Số mũ trong JavaScript [Math.pow, Math.exp] tháng 7 1, 2022
  • Math.max và Math.min trong JavaScript tháng 7 1, 2022
  • Math.random trong JavaScript tháng 7 1, 2022
  • throw trong JavaScript và cách trả về ngoại lệ tuỳ ý tháng 7 1, 2022
  • Các ngoại lệ trong JavaScript và cách xử lý tương ứng tháng 7 1, 2022
  • try...catch trong JavaScript và cách xử lý ngoại lệ tháng 7 1, 2022
  • Xử lý ngoại lệ của hàm xử lý mô tả trong khối try tháng 7 1, 2022
if[typeof ez_ad_units != 'undefined']{ez_ad_units.push[[[300,250],'laptrinhcanban_com-leader-1','ezslot_15',560,'0','0']]};if[typeof __ez_fad_position != 'undefined']{__ez_fad_position['div-gpt-ad-laptrinhcanban_com-leader-1-0']};

Profile

Bài Viết Liên Quan

Toplist mới

Bài mới nhất

Chủ Đề