HTML DOM removeChild() Metode
Voorbeeld
Verwyder die eerste <li>-element van 'n lys:
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)
Voor verwydering:
- Koffie
- Tee
- Melk
Na verwydering:
- Tee
- Melk
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die removeChild() metode verwyder 'n gespesifiseerde kind node van die gespesifiseerde element.
Wys die verwyderde nodus as 'n Node-objek, of nul as die node nie bestaan nie.
Let wel: Die verwyderde kindernodus is nie meer deel van die DOM nie. Met die verwysing wat deur hierdie metode teruggestuur word, is dit egter moontlik om die verwyderde kind op 'n later tydstip by 'n element in te voeg (Sien "Meer voorbeelde").
Wenk: Gebruik die appendChild() of insertBefore() metode om die verwyderde nodus in dieselfde dokument in te voeg. Om dit by 'n ander dokument in te voeg, gebruik die document.adoptNode() of document.importNode() metode.
Blaaierondersteuning
| Method | |||||
|---|---|---|---|---|---|
| removeChild() | Yes | Yes | Yes | Yes | Yes |
Sintaksis
node.removeChild(node)
Parameterwaardes
| Parameter | Type | Description |
|---|---|---|
| node | Node object | Required. The node object you want to remove |
Tegniese besonderhede
| Terugkeerwaarde: | 'n Node-objek, wat die verwyderde nodus verteenwoordig, of nul as die nodus nie bestaan nie |
|---|---|
| DOM weergawe | Kernvlak 1 Node-objek |
Meer voorbeelde
Voorbeeld
Vind uit of 'n lys enige kindernodes het. Indien wel, verwyder sy eerste kind node (indeks 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]);
}
Voor verwydering:
- Coffee
- Tea
- Milk
Na verwydering:
- Tea
- Milk
Voorbeeld
Verwyder alle kindernodusse van 'n lys:
// 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);
}
Voor verwydering:
- Coffee
- Tea
- Milk
Na verwydering:
Voorbeeld
Verwyder 'n <li>-element met id="myLI" van sy ouerelement (sonder om sy ouernodus te spesifiseer):
var item = document.getElementById("myLI");
item.parentNode.removeChild(item);
Voor verwydering:
- Coffee
- Tea
- Milk
Na verwydering:
- Coffee
- Milk
Voorbeeld
Verwyder 'n <li>-element van sy ouer, en voeg dit weer in:
var item = document.getElementById("myLI");
function removeLi() {
item.parentNode.removeChild(item);
}
function appendLi() {
var list = document.getElementById("myList");
list.appendChild(item);
}
Voorbeeld
Verwyder 'n <span>-element van sy ouer en voeg dit by 'n <h1>-element in 'n ander dokument:
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);
}