HTML DOM Element replaceChild() metode

Definition og brug

replaceChild() Metoden bruger et nyt node til at erstatte et barnnode.

Se også:

removeChild() metode

remove() metode

appendChild() metode

insertBefore() metode

childNodes egenskab

firstChild egenskab

lastChild egenskab

firstElementChild egenskab

lastElementChild egenskab

Relaterede dokumentmetoder:

createElement() metoden

createTextNode() metoden

Eksempel

Eksempel 1

Erstat teksten i <li>-elementet med en ny tekstnode:

const newNode = document.createTextNode("Water");
const element = document.getElementById("myList").children[0];
element.replaceChild(newNode, element.childNodes[0]);

Før erstatning:

  • Kaffe
  • Te
  • Mælk

Efter erstatning:

  • Vand
  • Te
  • Mælk

Prøv det selv

Eksempel 2

Erstat <li> element med et nyt <li> element:

// Opret et nyt <li> element:
const element = document.createElement("li");
// Opret en ny tekstnode:
const textNode = document.createTextNode("Vand");
// Tilføj tekstnoden til <li> element:
element.appendChild(textNode);
// Få fat i <ul> element med id="myList":
const list = document.getElementById("myList");
// Erstat den første undernode med en ny <li> element:
list.replaceChild(element, list.childNodes[0]);

Før erstatning:

  • Kaffe
  • Te
  • Mælk

Efter erstatning:

  • Vand
  • Te
  • Mælk

Prøv det selv

Syntaks

node.replaceChild(newnode, oldnode)

Parameter

Parameter Beskrivelse
newnode Obligatorisk. Den node, der skal indsættes.
oldnode Obligatorisk. Den node, der skal slettes.

Returværdi

Type Beskrivelse
Node objekt Den node, der erstattes.

Browsers understøttelse

element.replaceChild() er DOM Level 1 (1998) egenskab.

Alle browsere understøtter det fuldt ud:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support 9-11 Support Support Support Support