HTML DOM Ereignisse Event-Objekte (Ereignisobjekte)

HTML DOM replaceChild() Methode

replaceChild()Die Methode ersetzt einen Kindknoten durch einen neuen Knoten im angegebenen Elternknoten.

Der neue Knoten kann ein bereits im Dokument vorhandener Knoten sein oder ein neuer Knoten erstellt werden.

VerwendungremoveChild()Die Methode entfernt ein Kindknoten aus dem Elternknoten.

Syntax：

node.replaceChild(newNode, oldNode)

Beispiel

var newElem = document.querySelector("p");
var div = document.getElementById("demo");
div.replaceChild(newElem, div.firstElementChild);

Testen Sie heraus‹/›

Browser-Kompatibilität

Alle Browser unterstützen den replaceChild()-Methoden vollständig:

Methode
replaceChild()	Ja	Ja	Ja	Ja	Ja

Parameterwert

Parameter	Beschreibung
newNode	Das Knotenobjekt, das Sie einfügen möchten
oldNode	Das Knotenobjekt, das Sie löschen möchten

Technische Details

Rückgabewert：	Ein Node-Objekt, das den zu ersetzenden Knoten darstellt
DOM-Version:	DOM-Stufe1

Mehr Beispiele

Erstellen Sie einen neuen Knoten und ersetzen Sie ihn durch einen bestehenden Knoten:

Beispiel

var newElem = document.createElement("h2");
var newContent = document.createTextNode("Hi there and greetings!");
newElem.appendChild(newContent);
var div = document.getElementById("demo");
div.replaceChild(newElem, div.firstElementChild);

Testen Sie heraus‹/›

JavaScript Objekt

JavaScript Referenzhandbuch