Méthode getElementById() du Document HTML DOM

Définition et utilisation

getElementById() La méthode retourne l'élément possédant la valeur d'id spécifiée.

Si l'élément n'existe pas,getElementById() La méthode retourne null.

getElementById() La méthode est l'une des méthodes les plus couramment utilisées dans HTML DOM. Presque à chaque fois que vous souhaitez lire ou éditer un élément HTML, vous l'utiliserez.

Avis

Chaque id doit être unique, mais :

S'il existe deux ou plusieurs éléments avec le même id, alors getElementById() Retourne le premier.

Voir également :

Méthode getElementsByTagName()

Méthode getElementsByClassName()

Méthode querySelector()

Méthode querySelectorAll()

Exemple

Exemple 1

Obtenir l'élément possédant l'id spécifié :

document.getElementById("demo");

}}

Exemple 2

Obtenir un élément et modifier sa couleur :

const myElement = document.getElementById("demo");
myElement.style.color = "red";

}}

Exemple 3

ou bien uniquement changer sa couleur :

document.getElementById("demo").style.color = "red";

}}

Essayer personnellement

document.getElementById(elementIdSyntaxe

)

) Type
elementId Paramètres

Obligatoire. La valeur de l'id de l'élément.

Retourne Type
Description

Objet

élément avec l'id spécifié.

Si elle ne trouve pas, elle retourne null.

getElementById() Détails techniques

Cette méthode est une méthode importante et courante, car elle fournit un moyen simple d'obtenir l'objet Element représentant l'élément de document spécifié. elementId Cette méthode recherche les éléments ayant la valeur de l'attribut id null. La valeur de l'attribut id est unique dans le document, si cette méthode trouve plusieurs nœuds Element ayant l'id spécifié, elle les retourne. Si elle ne trouve pas d'élément Element, elle retourne elementId Le nœud Element, il retourne un tel nœud Element au hasard, ou retourne null.

Attention :Le nom de cette méthode commence par Id à la fin, pas ID，ne pas orthographier mal !

Dans le document HTML, cette méthode recherche toujours les attributs ayant un id spécifié. Utilisez HTMLDocument.getElementByName() La méthode recherche les éléments HTML selon leur valeur de l'attribut name.

Dans les documents XML, cette méthode utilise n'importe quel attribut de type id pour trouver, peu importe le nom de cet attribut. Si le type de l'attribut XML est inconnu (par exemple, si l'analyseur XML l'ignore ou ne peut pas localiser le DTD du document), cette méthode retourne toujours nullDans JavaScript client, cette méthode n'est pas souvent utilisée avec les documents XML. En fait,getElementById() La méthode a été définie initialement comme membre de l'interface HTMLDocument, mais elle a été intégrée à l'interface Document dans le DOM de niveau 2.

Support du navigateur

document.getElementById() C'est une caractéristique de DOM Level 2 (2001).

Tous les navigateurs le supportent :

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support 9-11 Support Support Support Support

Pages associées

Tutoriel CSS :Syntaxe CSS

Manuel de référence CSS :Sélecteur #id CSS

Manuel de référence HTML DOM :Attribut id de HTML DOM

Manuel de référence HTML DOM :Objet Style HTML DOM