L’Objet Document: le DOM

Section Progression:

Qu’est-ce que le DOM ?

Ce sont des initiales pour Document Object Model.

 

C’est la représentation de notre code HTML et c’est lui que Javascript pourra manipuler pour modifier le HTML et le CSS de nos pages Web.

 

Ou se trouve le DOM ?

C’est la propriété document de window.

 

Examinons ça de plus près !

console.log(document);

On voit que cet objet est tout simplement la représentation de notre code HTML !

 

Quelques propriétés du DOM

 

Mais ce n’est pas tout ! On peut accéder à différentes propriétés de cet élément.

console.log(document.title);

 

On peut même les modifier !

document.title = "Mon nouveau titre !";

 

On peut aussi accéder à des éléments spécifiques du DOM.

Accédons au body.

console.log(document.body);