coopernet Réussir son site web et ses applications de la conception à la réalisation

Parmi les principales fonctions qui permettent de placer ou de déplacer un node dans le DOM, nous pouvons étudier :

• append (ajoute un élément du dom en dernier fils de l'élément qui appelle la fonction)
• prepend (ajoute un élément du dom en premier fils de l'élément qui appelle la fonction)
• appendTo (ajoute un élément du dom en dernier fils de l'élément donné en paramètre)
• prependTo (ajoute un élément du dom en premier fils de l'élément donné en paramètre)
• insertAfter (ajoute un élément du dom après l'élément donné en paramètre)
• insertBefore (ajoute un élément du dom avant l'élément donné en paramètre)

Exemples d'utilisation

• $("body").append("<div>Texte ici</div>");
• $("body").prepend("<div>Texte ici</div>");
• $("<div>Texte ici</div>").prependTo( "body" );//ajoute l'élément comme premier fils de body
• $("<div>Texte ici</div>").appendTo( "body" );//ajoute l'élément comme dernier fils de body
• $('#h2').insertBefore('#detail');//Insére le noeud #h2 avant le noeud # detail
• $('#h2').insertAfter('#detail');//Insére le noeud #h2 après le noeud # detail