Document HTML DOM getElementById()
Exemple
Obtenez l'élément avec l'identifiant spécifié :
document.getElementById("demo");
Obtenez l'élément et changez sa couleur :
const myElement = document.getElementById("demo");
myElement.style.color = "red";
Ou changez simplement sa couleur :
document.getElementById("demo").style.color = "red";
Définition et utilisation
La getElementById()
méthode renvoie un élément avec une valeur spécifiée.
La getElementById()
méthode retourne null
si l'élément n'existe pas.
La getElementById()
méthode est l'une des méthodes les plus courantes dans le DOM HTML. Il est utilisé presque chaque fois que vous souhaitez lire ou modifier un élément HTML.
Noter
Tout identifiant doit être unique, mais :
Si deux ou plusieurs éléments avec le même identifiant existent, getElementById()
renvoie le premier.
Voir également:
La méthode Document getElementsByTagName()
La méthode Document getElementsByClassName()
Syntaxe
document.getElementById(elementID)
Paramètres
Parameter | Description |
id | Required. The id value of an element. |
Valeur de retour
Taper | La description |
Objet | L'élément avec l'identifiant spécifié. null si l'élément n'existe pas. |
Pages associées :
Tutoriel CSS : Syntaxe CSS
Référence CSS : Sélecteur CSS #id
Référence HTML DOM : propriété id HTML DOM
Référence HTML DOM : objet de style HTML DOM
Prise en charge du navigateur
document.getElementById()
est une fonctionnalité DOM niveau 2 (2001).
Il est entièrement pris en charge dans tous les navigateurs :
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |