Aide-mémoire - Javascript avec DOM

document.getElementById()

Sélectionne un élément du DOM par son identifiant unique (id) dans le HTML et le retourne.

document.querySelector()

Sélectionne le premier élément du DOM qui correspond au sélecteur CSS passé en paramètre dans une chaîne de caractère.

document.querySelectorAll()

Sélectionne tous les éléments du DOM qui correspondent au sélecteur CSS passé en paramètre dans une chaîne de caractère et les retourne dans une forme de tableau.

element.addEventListener()

Permet d'ajouter un listener d'événement à un élément du DOM. Il prend en paramètre le type d'événement (comme click) dans une chaîne de caractère et une fonction de rappel qui sera exécutée lorsque l'événement se produira.

element.removeEventListener()

Permet de retirer un listener d'événement d'un élément du DOM. Il prend en paramètre le type d'événement (comme click) dans une chaîne de caractère et la fonction de rappel qui a été utilisée pour l'ajouter.

element.innerText

Propriété qui permet de lire ou modifier le texte à l'intérieur d'un élément du DOM.

element.classList.add()

Méthode qui permet d'ajouter une ou plusieurs classes CSS à un élément du DOM. Elle prend en paramètre le nom de la classe (ou des classes) à ajouter dans une chaîne de caractère.

element.classList.remove()

Méthode qui permet de retirer une ou plusieurs classes CSS d'un élément du DOM. Elle prend en paramètre le nom de la classe (ou des classes) à retirer dans une chaîne de caractère.

element.classList.toggle()

Méthode qui permet d'ajouter ou de retirer une classe CSS d'un élément du DOM. Si la classe est déjà présente, elle est retirée, sinon elle est ajoutée. Elle prend en paramètre le nom de la classe à basculer dans une chaîne de caractère.

element.attribute

La majorité des attributs des éléments HTML peuvent être accédés ou modifiés directement via la propriété de l'élément dans le Javascript. Par exemple, pour lire ou modifier l'attribut src d'une image, on peut utiliser image.src.

document.createElement()

Méthode qui permet de créer un nouvel élément du DOM. Elle prend en paramètre le nom de l'élément à créer dans une chaîne de caractère, par exemple document.createElement("div") pour créer un nouveau <div>.

element.appendChild()

Méthode qui permet d'ajouter un nouvel élément comme enfant d'un autre élément dans le DOM. Elle prend en paramètre l'élément à ajouter. Les éléments sont toujours ajoutés à la fin de l'élément parent.

element.remove()

Méthode qui permet de retirer un élément du DOM. Elle n'a pas besoin de paramètre et supprime l'élément sur lequel elle est appelée.

<< Page précédente