Vous pouvez me contacter via Facebook pour questions & suggestions : Page Facebook relative à mon site
Vous savez que l'interactivité repose sur la modification du DOM :
Ce sont ces différents points qui seront évoqués dans ce chapitre.
Vous savez déjà remplacer le contenu d'un noeud ; il suffit d'utiliser les méthodes text() et html() déjà évoquées.
Je rappelle qu'avec la méthode html() l'argument de la méthode peut comprendre des balises HTML.
Maintenant si vous voulez insérer du texte avant ou après le contenu actuel il faut utiliser d'autres méthodes.
Introduisons ces méthodes avec un exemple !
En cliquant sur un bouton de commande du texte est ajouté avant et après le contenu actuel des titres H1 et H2.
Pour les titres de niveau 1 et 2 emploi des méthodes prepend() (ajout de contenu en début) et append() (ajout de contenu à la fin). Notez qu'à la fin on ajoute une flèche (orientée vers le bas) grâce à une entité de caractère.
Le rendu de ce code dans un cadre :
Autant en JS traditionnel le déplacement à l'intérieur du DOM du document est délicat. Autant c'est d'une facilité déconcertante avec JQuery. Je présente avec un exemple les principales méthodes pour se "promener" dans le DOM.