Insertion d'éléments après d'autres dans JavaScript

Insertion d'éléments après les nœuds existants est une opération commune dans JavaScript. Cependant, bien qu'il existe la méthode insertFore (), elle ne peut ajouter des éléments qu'avant un nœud de référence. Pour insérer des éléments après, nous avons besoin d'une approche alternative.

Solution sans bibliothèques

pour insérer un élément après l'autre sans utiliser de bibliothèques, nous pouvons utiliser le code suivant:

referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);

Voici une ventilation:

• référencé: l'élément après quoi nous voulons insérer le nouveau nœud. La référence est le dernier enfant.
Si Refegenode est le dernier enfant, le NextSibling sera nul. INSERTBEFORE gère ce cas en ajoutant le nouveau nœud à la fin de la liste.

Nous pouvons envelopper cette fonctionnalité dans une fonction réutilisable: insertafter (référence, newNode) { RefortEnode.parentNode.InsertBefore (newNode, Refhecenode.NextSibling); }

function insertAfter(referenceNode, newNode) {
    referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
}

Pour tester cette fonction, nous pouvons utiliser l'extrait suivant: function insertafter (réencende, newNode) { RefortEnode.parentNode.InsertBefore (newNode, Refhecenode.NextSibling); } var el = document.CreateElement ("Span"); el.innerhtml = "test"; var div = document.getElementById ("foo"); insertafter (div, el);

cela créera un nouvel élément de span avec le texte "test" et l'insérez après l'élément div avec l'ID "foo". "