Exemplo
Substituir um nó de texto em um <li> elemento em uma lista com um novo nó 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 remover:
- Coffee
- Tea
- Milk
Depois de remover:
- Water
- Tea
- Milk
Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
O replaceChild() método substitui um nó filho com um novo nó.
O novo nó pode ser um nó existente no documento, ou você pode criar um novo nó.
Dica: Use o removeChild() método para remover um nó filho de um elemento.
Suporte navegador
| Método | |||||
|---|---|---|---|---|---|
| replaceChild() | sim | sim | sim | sim | sim |
Sintaxe
Os valores dos parâmetros Parâmetro Tipo Descrição newnode Node object Requeridos. O objeto node que deseja inserir oldnode Node object Requeridos. O objeto nó que deseja remover
Detalhes técnicos
Valor de retorno: Um objecto do nó, que representa o nó substituído DOM Versão Núcleo Nível Objeto 1 Node
mais Exemplos
Exemplo
Substituir um <li> elemento em uma lista com um novo <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 remover:
- Coffee
- Tea
- Milk
Depois de remover:
- Water
- Tea
- Milk
Tente você mesmo "