HTML DOM insertBefore()Methode

元素对象参考手册Element-Objekt

Beispiel

Ein Element zur Liste hinzufügen:

document.getElementById("myList").insertBefore(newItem,existingItem);

Vor dem Hinzufügen:

  • Kaffee
  • Tee

Nach dem Hinzufügen:

  • Wasser
  • Kaffee
  • Tee

Selbst ausprobieren »

Definition und Verwendung

Die insertBefore()-Methode kann einen neuen Kindknoten vor einen vorhandenen Kindknoten einfügen.

Tipp:Wenn Sie ein neues Listenelement mit Text erstellen möchten, sollten Sie den Textknoten des Elements nach dem LI-Element hinzufügen und dann das LI-Element zur Liste hinzufügen.

Sie können die insertBefore-Methode auch verwenden, um vorhandene Elemente einzufügen oder zu entfernen.

Beispiel

Ein Listenelement zu einem anderen Listenelement verschieben:

var node=document.getElementById("myList2").lastChild;
var list=document.getElementById("myList1");
list.insertBefore(node,list.childNodes[0]);

Vor dem Hinzufügen:

  • KaffeeTee
  • Wasser
  • Milch

Nach dem Hinzufügen:

  • Milch
  • Kaffee
  • Tee
  • Wasser

Selbst ausprobieren »

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Alle gängigen Browser unterstützen die insertBefore()-Methode

Syntax

node.insertBefore(newnode,existingnode)

Parameters

Parameter Type Beschreibung
newnode Node-Objekt Erforderlich. Das einzufügende Knotenobjekt
existingnode Node-Objekt Erforderlich. Der untergeordnete Knoten, vor dem der neue Knoten eingefügt wird.

Rückgabewert

Type Beschreibung
Node-Objekt Der Knoten, den Sie eingefügt haben/td>

Technische Details

DOM-Version Core-Level-1-Node-Objekt

元素对象参考手册Element-Objekt

Andere Erweiterungen