HTML DOM removeChild() Method

<Element Object

Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.

Definiție și utilizare

removeChild() metoda elimină un nod copil specificat de elementul specificat.

Returnează nodul eliminate ca un obiect nod, sau null daca nodul nu exista.

Notă: Nodul copil eliminat nu mai face parte din DOM. Cu toate acestea, cu referința returnat prin această metodă, este posibilă introducerea copilului îndepărtat la un element la un moment ulterior (See "More Examples") A se (See "More Examples") .

Indicație: Utilizați appendChild() sau insertBefore() metoda pentru a insera nodul îndepărtat în același document. Pentru a insera la un alt document, utilizați documentul. adoptNode() sau documentul. importNode() metoda.

Suport pentru browser-

Sintaxă

Valorile parametrilor

Parametru	Tip	Descriere
node	Node object	Necesar. Obiectul nod pe care doriți să eliminați

Detalii tehnice

Întoarcere Valoare:	Un obiect Node, reprezentând nodul îndepărtat, sau null daca nodul nu există
DOM Versiunea	Nivelul Core 1 Nod Obiect

---

Mai multe exemple

Exemplu

Aflați dacă o listă are nici un nod copil. Dacă da, eliminați primul nod copil (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]);
}

Înainte de a scoate:

• Coffee
• Tea
• Milk

Înainte de a scoate:

• Tea
• Milk

Încearcă - l singur »

Exemplu

Eliminați toate nodurile copil dintr-o listă:

// 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);
}

Înainte de a scoate:

• Coffee
• Tea
• Milk

După îndepărtarea:

Încearcă - l singur »

Exemplu

Eliminarea unui <li> elementul cu id = „Myli“ din elementul său părinte (fără a se specifica nodul său părinte):

var item = document.getElementById("myLI");
item.parentNode.removeChild(item);

Înainte de a scoate:

• Coffee
• Tea
• Milk

După îndepărtarea:

• Coffee
• Milk

Încearcă - l singur »

Exemplu

Eliminați un <li> elementul de la mamă, și introduceți - l din nou:

var item = document.getElementById("myLI");

function removeLi() {
    item.parentNode.removeChild(item);
}

function appendLi() {
    var list = document.getElementById("myList");
    list.appendChild(item);
}

Încearcă - l singur »

Exemplu

Eliminați un <span> elementul de bază și introduceți - l la un <h1> element dintr - un alt document:

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);
}

Încearcă - l singur »

---

<Element Object