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() | Sí | Sí | Sí | Sí | Sí |
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
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 "