Phương thức HTML DOM removeChild ()
Thí dụ
Xóa phần tử <li> đầu tiên khỏi danh sách:
var list = document.getElementById("myList"); // Get the <ul> element with id="myList"
list.removeChild(list.childNodes[0]); // Remove <ul>'s first child node (index 0)
Trước khi loại bỏ:
- Cà phê
- Trà
- Sữa
Sau khi loại bỏ:
- Trà
- Sữa
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
Phương thức removeChild () loại bỏ một nút con được chỉ định của phần tử được chỉ định.
Trả về nút đã loại bỏ dưới dạng đối tượng Node hoặc null nếu nút không tồn tại.
Lưu ý: Nút con bị loại bỏ không còn là một phần của DOM. Tuy nhiên, với tham chiếu được trả về bởi phương thức này, có thể chèn phần tử con đã bị loại bỏ vào một phần tử sau đó (Xem "Ví dụ khác").
Mẹo: Sử dụng phương thức appendChild () hoặc insertBefore () để chèn nút đã loại bỏ vào cùng một tài liệu. Để chèn nó vào một tài liệu khác, hãy sử dụng phương thức document.adoptNode () hoặc document.importNode () .
Hỗ trợ trình duyệt
Method | |||||
---|---|---|---|---|---|
removeChild() | Yes | Yes | Yes | Yes | Yes |
Cú pháp
node.removeChild(node)
Giá trị tham số
Parameter | Type | Description |
---|---|---|
node | Node object | Required. The node object you want to remove |
Chi tiết kỹ thuật
Giá trị trả lại: | Một đối tượng Node, đại diện cho nút đã bị loại bỏ hoặc null nếu nút không tồn tại |
---|---|
Phiên bản DOM | Đối tượng nút cấp độ lõi 1 |
Các ví dụ khác
Thí dụ
Tìm xem danh sách có bất kỳ nút con nào không. Nếu vậy, hãy xóa nút con đầu tiên của nó (chỉ mục 0):
// Get the <ul> element with id="myList"
var list = document.getElementById("myList");
// If the <ul> element has any child nodes, remove its first child node
if (list.hasChildNodes()) {
list.removeChild(list.childNodes[0]);
}
Trước khi loại bỏ:
- Coffee
- Tea
- Milk
Sau khi loại bỏ:
- Tea
- Milk
Thí dụ
Xóa tất cả các nút con của danh sách:
// Get the <ul> element with id="myList"
var list = document.getElementById("myList");
// As long as <ul> has a child node, remove it
while (list.hasChildNodes()) {
list.removeChild(list.firstChild);
}
Trước khi loại bỏ:
- Coffee
- Tea
- Milk
Sau khi loại bỏ:
Thí dụ
Xóa phần tử <li> có id = "myLI" khỏi phần tử mẹ của nó (mà không chỉ định nút cha của nó):
var item = document.getElementById("myLI");
item.parentNode.removeChild(item);
Trước khi loại bỏ:
- Coffee
- Tea
- Milk
Sau khi loại bỏ:
- Coffee
- Milk
Thí dụ
Xóa phần tử <li> khỏi phần tử gốc của nó và chèn lại:
var item = document.getElementById("myLI");
function removeLi() {
item.parentNode.removeChild(item);
}
function appendLi() {
var list = document.getElementById("myList");
list.appendChild(item);
}
Thí dụ
Xóa một phần tử <span> khỏi cha của nó và chèn nó vào một phần tử <h1> trong tài liệu khác:
var child = document.getElementById("mySpan");
function removeLi() {
child.parentNode.removeChild(child);
}
function myFunction() {
var frame = document.getElementsByTagName("IFRAME")[0]
var h = frame.contentWindow.document.getElementsByTagName("H1")[0];
var x = document.adoptNode(child);
h.appendChild(x);
}