element.appendChild
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
La méthode Node.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. Le Node.cloneNode()
peut être utilisé pour réaliser une copie de noeud avant de l'ajouter à son nouveau parent. Notez que les copies faites avec cloneNode
ne seront pas automatiquement synchronisées.
Si l'enfant donné est un DocumentFragment
, le contenu entier du DocumentFragment
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 un DocumentFragment
, auquel cas le DocumentFragment
vide est renvoyé.
Notes
Le chaînage peut ne pas fonctionner comme prévu en raison de appendChild()
renvoyant l'élément enfant :
var aBlock = doc.createElement("block").appendChild(doc.createElement("b"));
Définit aBlock
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 document
var p = document.createElement("p");
document.body.appendChild(p);
Spécifications
Specification |
---|
DOM Standard # dom-node-appendchild |
Compatibilité des navigateurs
BCD tables only load in the browser