3: Élément DOM, Navigation dans l'arbre

Pour pouvoir manipuler un élément DOM en JS, il faut d'abord aller le chercher.
C'est ce qu'on a fait avec querySelector et getElementById.
On obtient alors un objet (ici "v") dont on pourra manipuler les propriétés.

Vocabulaire:

  • attribut: Dans le HTML, id, class, style, ... sont appelés des « attributs »
  • propriété: En JS on manipule des éléments DOM qui sont des objets JS (ici "v"). Ces objets ont des « propriétés » qui ont souvent le même nom que les attributs HTML... mais pas toujours. Par exemple:
    - la propriété "id" correspond à l'attribut "id"
    - la propriété "style" correspond à l'attribut "style"
    - la propriété "className" correspond à l'attribut "class"
    (en effet "class" est existe déjà en JS et ne peut pas être utilisé)
    - la propriété "textContent" ne correspond pas à un attribut