Los últimos tutoriales de desarrollo web
 

HTML DOM replaceChild() Method

<Elemento de objeto

Ejemplo

Reemplazar un nodo de texto en un <li> elemento en una lista con un nuevo nodo de texto:

// Create a new text node called "Water"
var textnode = document.createTextNode("Water");

// Get the first child node of an <ul> element
var item = document.getElementById("myList").childNodes[0];

// Replace the first child node of <ul> with the newly created text node
item.replaceChild(textnode, item.childNodes[0]);

// Note: This example replaces only the Text node "Coffee" with a Text node "Water"

Antes de la eliminación

  • Coffee
  • Tea
  • Milk

Después de la eliminación:

  • Water
  • Tea
  • Milk
Inténtalo tú mismo "

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


Definición y Uso

El replaceChild() método reemplaza un nodo hijo con un nuevo nodo.

El nuevo nodo puede ser un nodo existente en el documento, o puede crear un nuevo nodo.

Consejo: Utilice la removeChild() método para eliminar un nodo hijo de un elemento.


Soporte del navegador

Método
replaceChild()

Sintaxis

Los valores de los parámetros
Parámetro Tipo Descripción
newnode Node object Necesario. El objeto de nodo que desea insertar
oldnode Node object Necesario. El objeto de nodo que desea eliminar

Detalles técnicos

Valor de retorno: Un objeto de nodo, representando el nodo reemplazado
Versión DOM Nivel básico de objetos 1 Nodo

Ejemplos

Más ejemplos

Ejemplo

Reemplazar un <li> elemento en una lista con un nuevo <li> elemento:

// Create a new <li> element
var elmnt = document.createElement("li");

// Create a new text node called "Water"
var textnode = document.createTextNode("Water");

// Append the text node to <li>
elmnt.appendChild(textnode);

// Get the <ul> element with id="myList"
var item = document.getElementById("myList");

// Replace the first child node (<li> with index 0) in <ul> with the newly created <li> element
item.replaceChild(elmnt, item.childNodes[0]);

// Note: This example replaces the entire <li> element

Antes de la eliminación

  • Coffee
  • Tea
  • Milk

Después de la eliminación:

  • Water
  • Tea
  • Milk
Inténtalo tú mismo "

<Elemento de objeto