1NSI : Javascript getElementById()
⚓︎
La méthode getElementById()
est accessible depuis le point d'entrée du DOM: document
.
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 simplementoutils 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">
: