Aller au contenu

1NSI : Javascript getElementById()⚓︎

La méthode getElementById() est accessible depuis le point d'entrée du DOM: document.

Syntaxe document.getElementById("vert");

getElementById() renvoie un (unique) Élément HTML

La méthode getElementById("vert"); renvoie l'unique Élément HTML (donc l'unique balise) du DOM - Document Object Model, disposant de l'ID id="vert".

See the Pen Untitled by rod2ik (@rod2ik) on CodePen.

Astuce

L'exécution des 3 fichiers (HTML, CSS et JS) ci-dessous du code ci-dessous est visible dans votre navigateur personnel, directement, en affichant :

  • Les Outils de Développement Web, appelés plus simplement outils web avec le raccourci clavier Ctrl+Shift+I sur Firefox/Chrome, puis cliquer sur l'onglet Console.
  • ou bien, pour ouvrir directement l'onglet Console des outils Web, avec le raccourci:
  • Ctrl+Shift+K sur Firefox
  • Ctrl+Shift+J sur Chrome

Visualiser le résultat avec vos outils web

Visualiser le résultat de l'instruction document.getElementById("vert") dans les outils web de votre navigateur: Vous devriez voir un seul paragraphe : <p id="vert"> : getElementById