Cette page a été traduite à partir de l'anglais par la communauté.Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
element.appendChild
Baseline Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
La méthodeNode.appendChild() ajoute un nœud à la fin de la liste des enfants d'un nœud parent spécifié. Si l'enfant donné est une référence à un nœud existant dans le document,appendChild() le déplace de sa position actuelle vers une nouvelle position (il n'est pas nécessaire de supprimer le noeud sur son noeud parent avant de l'ajouter à un autre).
Cela signifie qu'un noeud ne peut pas être à deux points du document simultanément. Donc, si le nœud a déjà un parent, le nœud est d'abord retiré, puis ajouté à la nouvelle position. LeNode.cloneNode() peut être utilisé pour réaliser une copie de noeud avant de l'ajouter à son nouveau parent. Notez que les copies faites aveccloneNode ne seront pas automatiquement synchronisées.
Si l'enfant donné est unDocumentFragment , le contenu entier duDocumentFragment est déplacé dans la liste d'enfants du noeud parent spécifié.
Syntaxe
var elementAjoute = element.appendChild(enfant);Paramètres
- enfant
Le noeud à ajouter au noeud parent donné (généralement un élément).
Valeur renvoyée
La valeur renvoyée est l'enfant ajouté sauf si l'enfant donné est unDocumentFragment, auquel cas leDocumentFragment vide est renvoyé.
Notes
Le chaînage peut ne pas fonctionner comme prévu en raison deappendChild() renvoyant l'élément enfant :
var aBlock = doc.createElement("block").appendChild(doc.createElement("b"));DéfinitaBlock pour<b></b> uniquement, ce que vous ne voulez probablement pas.
Exemple
// Crée un nouvel élément paragraphe et l'ajoute à la fin du corps du documentvar p = document.createElement("p");document.body.appendChild(p);Spécifications
| Specification |
|---|
| DOM # dom-node-appendchild |