mozilla
Ihre Suchergebnisse

    Node.replaceChild

    Zusammenfassung

    Ersetzt einen Kind-Knoten des angegebenen Elements durch einen anderen.

    Syntax

    replacedNode = parentNode.replaceChild(newChild, oldChild);
    
    • newChild ist der neue, oldChild der zu ersetzende Knoten. Falls er bereits im DOM vorhanden ist, wird er zuerst von dort entfernt.
    • oldChild ist der zu ersetzende Knoten.
    • replacedNode ist der ersetzte Knoten, also der selbe wie oldChild.

    Beispiel

    // <div>
    //  <span id="childSpan">foo bar</span>
    // </div>
    
    // erzeuge einen leeren Element-Knoten
    // ohne ID, Attribute oder Inhalt
    var sp1 = document.createElement("span");
    
    // setze sein id Attribut auf 'newSpan'
    sp1.setAttribute("id", "newSpan");
    
    // Inhalt für das neue Element erzeugen
    var sp1_content = document.createTextNode("new replacement span element.");
    
    // den erzeugten Inhalt an das Element anhängen
    sp1.appendChild(sp1_content);
    
    // Referenz auf den zu ersetzenden Knoten erzeugen
    var sp2 = document.getElementById("childSpan");
    var parentDiv = sp2.parentNode;
    
    // den existierenden Knoten sp2 mit dem neuen Span-Element sp1 ersetzen
    parentDiv.replaceChild(sp1, sp2);
    
    // Ergebnis:
    // <div>
    //   <span id="newSpan">new replacement span element.</span>
    // </div> 
    

    Spezifikation

    DOM Level 1 Core: replaceChild

    DOM Level 2 Core: replaceChild

    Schlagwörter des Dokuments und Mitwirkende

    Mitwirkende an dieser Seite: Jonas, jsx, fscholz
    Zuletzt aktualisiert von: jsx,