Aller au contenu

Fonctions Javascript

Voici une liste de fonctions Javascript utiles.

Elles seront nécessaires au dernier TP.

Création de contenu

Ces fonctions sont utlies pour créer et gérer des nouvelles balises sur une page.

Fonction Description
let nouvelleBalise = document.createElement("typeBalise") Permet de créer une nouvelle balise en mémoire
elementParent.appendChild("nouvelleBalise") Insère une balise dans une balise parent
elementParent.removeChild("elem") Supprime une balise enfant d'un parent
elementParent.replaceChild("new", "old") Remplace une balise enfant par une autre
elementParent.insertBefore("new","other") Insère une balise enfant avant un enfant existant
elementParent.replaceChildren() Supprime tous les enfants du parent

Gestion des classes

Pour ajouter des classes de style, modifier ou retirer des classes de styles sur les balises.

Fonction Description
element.setAttribute("name", "value") Permet d'indiquer la valeur pour un attribut de balise.
element.classList.add("name") Permet d'ajouter une classe à la liste de classes existante.
element.classList.remove("name") Permet de supprimer une classe à la liste de classes existante.
element.classList.replace("old", "new") Permet de remplacer une classe old par une autre new.
element.classList.toggle("name") Permet d'ajouter ou supprimer une classe, selon l'état actuel.