DOM - Document

L’objet document représente la page web. Pour accéder à n’importe quel élément HTML, il faut d’abord accéder à l’objet document.

Trouver des éléments HTML

Ci-dessous, quelques méthodes de l’objet document permettant de trouver un élément HTML :

• document.getElementById(‘id’) : permet de trouver un élément avec son id
• document.getElementsByTagName : permet de trouver un élément HTML grâce au nom du tag (par exemple : ```

<

p>) -document.getElementsByClassName``` : permet de trouver un élément grâce au nom de sa classe.

Modifier des éléments HTML

Voici la liste des propriétés permettant de modifier des éléments HTML :

• element.innerHTML = “Nouveau contenu HTML” : Change le contenu HTML d’un élément.
• element.attribute = “Nouvelle valeur” : Change la valeur de l’attribut d’un élément HTML.
• element.style.property = “Nouveau style” : Change le style d’un élément HTML.

Il existe également une méthode permettant de modifier des éléments HTML :

• element.setAttribute(attribut, valeur) : permet de modifier la valeur d’un attribut HTML.

Ajouter et effacer des éléments