Latest web development tutorials

HTML-DOM appendChild () -Methode

Elemente Object Reference Element - Objekt

Beispiele

Fügen Sie ein Listenelement:

document.getElementById("myList").appendChild( newListItem );

Vor der Zugabe:

  • Coffee
  • Tea

Nachdem Sie hinzufügen:

  • Coffee
  • Tea
  • Water

Versuchen »

Definition und Verwendung

appendChild () -Methode einen neuen untergeordneten Knoten zum Endknoten der Liste der untergeordneten Knoten hinzuzufügen.

Tipp: Wenn das Dokument Baum in Existenz newChild gewesen ist, es aus dem Dokumentenbaum entfernt wird, und stecken Sie sie wieder in die neue Position. Wenn newChild Document Knoten ist, dann wird es nicht direkt eingefügt werden, sondern an die untergeordneten Knoten in das Ende des aktuellen Knotens childnodes Array [] nacheinander eingefügt.

Sie können die appendChild () -Methode verwenden, um das Element mit einem anderen Element zu entfernen.

Beispiele

Übertragen auf ein Listenelement in eine andere Liste Artikel:

var node=document.getElementById("myList2").lastChild;
document.getElementById("myList1").appendChild(node);

Vor der Zugabe:

  • Coffee
  • Tea
  • Water
  • Milk

Nachdem Sie hinzufügen:

  • Coffee
  • Tea
  • Milk
  • Water

Versuchen »

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


Grammatik

node .appendChild( node )

Parameter

参数 类型 描述
node 节点对象 必须。你要添加的节点对象。

Rückgabewert

类型 描述
节点对象 添加的节点

Technische Details

DOM-Version Core-Ebene 1 Knoten Object


Elemente Object Reference Element - Objekt