HTML DOM removeChild() Method

<Elemento de objeto

Más "Try it Yourself" ejemplos a continuación.

Definición y Uso

El removeChild() método elimina un nodo secundario especificado del elemento especificado.

Devuelve el nodo retirado como un objeto de nodo, o null si el nodo no existe.

Nota: El nodo secundario eliminado ya no forma parte de la DOM. Sin embargo, con la referencia devuelto por este método, es posible insertar el niño eliminado a un elemento en un momento posterior (See "More Examples") .

Consejo: Utilice la appendChild() o insertBefore() método para insertar el nodo eliminado en el mismo documento. Para insertarlo en otro documento, utilice el documento. adoptNode() o documento. importNode() método.

Soporte del navegador

Sintaxis

Los valores de los parámetros

Parámetro	Tipo	Descripción
node	Node object	Necesario. El objeto de nodo que desea eliminar

Detalles técnicos

Valor de retorno:	Un objeto de nodo, representando el nodo eliminado, o null si no existe el nodo
Versión DOM	Nivel básico de objetos 1 Nodo

---

Más ejemplos

Ejemplo

Averiguar si una lista tiene nodos secundarios. Si es así, eliminar su primer nodo hijo (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]);
}

Antes de la eliminación

• Coffee
• Tea
• Milk

Antes de la eliminación

• Tea
• Milk

Inténtalo tú mismo "

Ejemplo

Retire todos los nodos hijos de una lista:

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

Antes de la eliminación

• Coffee
• Tea
• Milk

Después de la eliminación:

Inténtalo tú mismo "

Ejemplo

Retirar un <li> elemento con id = "Myli" de su elemento padre (sin especificar su nodo padre):

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

Antes de la eliminación

• Coffee
• Tea
• Milk

Después de la eliminación:

• Coffee
• Milk

Inténtalo tú mismo "

Ejemplo

Retirar un <li> elemento de su padre, e insertarla de nuevo:

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

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

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

Inténtalo tú mismo "

Ejemplo

Retirar un <span> elemento de su padre e insertarlo a un <h1> elemento en otro documento:

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

Inténtalo tú mismo "

---

<Elemento de objeto