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.after()
Baseline
Large disponibilité
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis avril 2018.
La méthode Element.after() permet d'insérer un ensemble d'objets Node ou de chaînes de caractères dans la liste des enfants du parent de l'objet Element courant, juste après ce dernier.
Les objets qui sont des chaînes de caractères sont insérés comme des nœuds Text.
Syntaxe
after(noeud1);
after(noeud1, noeud2);
after(noeud1, noeud2, /* ... ,*/ noeudN);
Paramètres
noeud1, ...,noeudN-
Un ensemble d'objets
Nodeou de chaînes de caractères à insérer.
Exceptions
DOMExceptionHierarchyRequestError-
Levée lorsque le nœud ne peut pas être inséré à l'emplacement indiqué dans la hiérarchie.
Exemples
Insérer un élément
let container = document.createElement("div");
let p = document.createElement("p");
container.appendChild(p);
let span = document.createElement("span");
p.after(span);
console.log(container.outerHTML);
// "<div><p></p><span></span></div>"
Insérer du texte
let container = document.createElement("div");
let p = document.createElement("p");
container.appendChild(p);
p.after("Texte");
console.log(container.outerHTML);
// "<div><p></p>Texte</div>"
Insérer un élément et du texte
let container = document.createElement("div");
let p = document.createElement("p");
container.appendChild(p);
let span = document.createElement("span");
p.after(span, "Texte");
console.log(container.outerHTML);
// "<div><p></p><span></span>Texte</div>"
Spécifications
| Spécification |
|---|
| DOM # ref-for-dom-childnode-after1 |
Compatibilité des navigateurs
Activez JavaScript pour afficher ce tableau de compatibilité des navigateurs.
Voir aussi
Aider à améliorer MDN
Cette page a été modifiée le par les contributeur·ice·s du MDN.