Metoda HTML DOM removeChild()
Příklad
Odeberte první prvek <li> ze seznamu:
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)
Před odstraněním:
- Káva
- Čaj
- Mléko
Po odstranění:
- Čaj
- Mléko
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Metoda removeChild() odebere zadaný podřízený uzel zadaného prvku.
Vrátí odstraněný uzel jako objekt Node nebo hodnotu null , pokud uzel neexistuje.
Poznámka: Odebraný podřízený uzel již není součástí DOM. S odkazem vráceným touto metodou je však možné vložit odstraněného potomka do prvku později (viz "Další příklady").
Tip: Pomocí metody appendChild() nebo insertBefore() vložte odstraněný uzel do stejného dokumentu. Chcete-li jej vložit do jiného dokumentu, použijte metodu document.adoptNode() nebo document.importNode() .
Podpora prohlížeče
| Method | |||||
|---|---|---|---|---|---|
| removeChild() | Yes | Yes | Yes | Yes | Yes |
Syntax
node.removeChild(node)
Hodnoty parametrů
| Parameter | Type | Description |
|---|---|---|
| node | Node object | Required. The node object you want to remove |
Technické údaje
| Návratová hodnota: | Objekt Node představující odstraněný uzel nebo null , pokud uzel neexistuje |
|---|---|
| Verze DOM | Základní objekt uzlu úrovně 1 |
Další příklady
Příklad
Zjistěte, zda má seznam nějaké podřízené uzly. Pokud ano, odeberte jeho první podřízený uzel (index 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]);
}
Před odstraněním:
- Coffee
- Tea
- Milk
Po odstranění:
- Tea
- Milk
Příklad
Odebrat všechny podřízené uzly seznamu:
// 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);
}
Před odstraněním:
- Coffee
- Tea
- Milk
Po odstranění:
Příklad
Odeberte prvek <li> s id="myLI" z jeho nadřazeného prvku (bez určení jeho nadřazeného uzlu):
var item = document.getElementById("myLI");
item.parentNode.removeChild(item);
Před odstraněním:
- Coffee
- Tea
- Milk
Po odstranění:
- Coffee
- Milk
Příklad
Odeberte prvek <li> z nadřazeného prvku a vložte jej znovu:
var item = document.getElementById("myLI");
function removeLi() {
item.parentNode.removeChild(item);
}
function appendLi() {
var list = document.getElementById("myList");
list.appendChild(item);
}
Příklad
Odeberte prvek <span> z jeho nadřazeného prvku a vložte jej do prvku <h1> v jiném dokumentu:
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);
}