Phần tử DOM DOM addChild()
Ví dụ
Nối một mục vào danh sách:
const node = document.createElement("li");
const textnode = document.createTextNode("Water");
node.appendChild(textnode);
document.getElementById("myList").appendChild(node);
- Coffee
- Tea
- Coffee
- Tea
- Water
Di chuyển một mục từ danh sách này sang danh sách khác:
const node = document.getElementById("myList2").lastElementChild;
document.getElementById("myList1").appendChild(node);
- Coffee
- Tea
- Water
- Milk
- Coffee
- Tea
- Milk
- Water
Thêm ví dụ dưới đây.
Sự miêu tả
Phương thứcappendChild appendChild()
nối thêm một nút (phần tử) làm phần tử con cuối cùng của một phần tử.
Xem thêm:
Phương pháp tài liệu liên quan:
Cú pháp
element .appendChild( node )
hoặc
node .appendChild( node )
Thông số
Parameter | Description |
node | Required. The node to append. |
Giá trị trả về
Kiểu | Sự miêu tả |
Nút | Nút được nối thêm. |
Thêm ví dụ
Để tạo một đoạn văn có văn bản.
- Tạo thành phần đoạn văn
- Tạo một nút văn bản
- Nối nút văn bản vào đoạn văn
- Nối đoạn văn vào tài liệu.
Tạo phần tử <p> và nối nó vào phần tử <div>:
const para = document.createElement("p");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.getElementById("myDIV").appendChild(para);
Hãy tự mình thử »Tạo phần tử <p> và nối nó vào phần thân tài liệu:
const para = document.createElement("P");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.body.appendChild(para);
Hãy tự mình thử »Hỗ trợ trình duyệt
element.appendChild()
là tính năng DOM Cấp 1 (1998).
Nó được hỗ trợ đầy đủ trong tất cả các trình duyệt:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | 9-11 |