Méthode getElementById() de HTML DOM
Définition et utilisation
La méthode getElementById() retourne une référence à la première instance possédant l'ID spécifié.
Syntaxe
document.getElementById(id)
Explication
HTML DOM définit plusieurs méthodes pour trouver des éléments, en plus de getElementById(), il y a getElementsByName() et getElementsByTagName().
Cependant, si vous avez besoin de trouver un élément spécifique dans un document, la méthode la plus efficace est getElementById().
Lorsque vous opérez sur un élément spécifique d'un document, il est préférable de lui attribuer une propriété id, de lui donner un nom unique (dans le document) et ensuite vous pouvez utiliser cet ID pour trouver l'élément désiré.
Exemple
Exemple 1
<html>
<head>
<script type="text/javascript">
function getValue()
var x=document.getElementById("myHeader")
alert(x.innerHTML)
<h1 id="myHeader" onclick="getValue()">C'est un en-tête</h1>
<p>Cliquez sur l'en-tête pour afficher sa valeur</p>
Exemple 2
getElementById() est une méthode importante, très couramment utilisée dans la conception DOM. Nous avons défini une fonction utilitaire pour que vous puissiez utiliser la méthode getElementById() avec un nom plus court :
function id(x) {
if (typeof x == "string") return document.getElementById(x)
return x;
Cette fonction accepte l'ID de l'élément comme paramètre. Pour chaque tel paramètre, vous pouvez écrire x = id(x) avant de l'utiliser.
