Fonctions Javascript¶
Voici une liste de fonctions Javascript utiles pour le TP5.
Nous avons déjà utilisé plusieurs d'entre elles dans les travaux de laboratoire.
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. |
Stockage de session¶
Voici un résumé de ce que nous avons vu à la semaine 12.
| Fonction | Description |
|---|---|
| sessionStorage.setItem("tag","value") | Permet de sauvegarder une valeur en lui donant un nom. |
| sessionStorage.getItem("tag") | Retourne une valeur associée au nom donné. |
| sessionStorage.removeItem("tag") | Supprime une entrée du stockage. |
| sessionStorage.clear() | Supprime toutes les entrées du stockage. |