Latest web development tutorials

méthode HTML DOM appendChild ()

Elements Object Reference objet Element

Exemples

Ajouter un élément de la liste:

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

Avant d'ajouter:

  • Coffee
  • Tea

Une fois que vous ajoutez:

  • Coffee
  • Tea
  • Water

Essayez »

Définition et utilisation

méthode appendChild () pour ajouter un nouveau nœud enfant au nœud de la liste des nœuds enfants d'extrémité.

Astuce: Si l'arbre du document a été en existence newChild, il est retiré de l'arbre du document, puis réinsérez dans le nouvel emplacement. Si newChild est noeud DocumentFragment, alors il ne sera pas inséré directement, mais à son enfant nœuds séquentiellement inséré dans l'extrémité de childNodes le tableau du noeud courant [].

Vous pouvez utiliser la méthode appendChild () pour supprimer l'élément à un autre élément.

Exemples

Transfert à un élément de liste à un autre élément de la liste:

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

Avant d'ajouter:

  • Coffee
  • Tea
  • Water
  • Milk

Une fois que vous ajoutez:

  • Coffee
  • Tea
  • Milk
  • Water

Essayez »

support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Tous les principaux navigateurs supportent appendChild () méthode


grammaire

node .appendChild( node )

Paramètres

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

Valeur de retour

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

détails techniques

Version DOM Niveau de base 1 Node Object


Elements Object Reference objet Element