|
Trouver l'élément HTML par Id
La meilleure façon de trouver un élément HTML dans le DOM, est en utilisant l'identifiant de l'élément. Cet exemple trouve l'élément avec id = « intro »: var myElement = document.getElementById("intro"); Si l'élément est trouvé, la méthode retourne l'élément comme un objet (en myElement). Si l'élément ne se trouve pas, myElement contiendra nulle.
|
|
Exemple <!DOCTYPE html>
<html> <body> <h2>Recherche d'éléments HTML par id</h2> <p id="intro">Bonjour le monde!</p> <p>Cet exemple démontre la métode <b>getElementsById</b> .</p> <p id="demo"></p> <script> var myElement = document.getElementById("intro"); document.getElementById("demo").innerHTML = "Le texte du paragraphe d'introduction est " + myElement.innerHTML; </script> <script>
<button onclick="displayResult()"><span style="color: #00ccff;">Vous pouvez changer le texte ici</span></button> <script> function displayResult() { document.getElementById("intro").innerHTML = "Bonne journée!"; } </script> </body> </html>
|
|
Résultat de l'exemple Recherche d'éléments HTML par idBonjour le monde! Cet exemple démontre la méthode getElementsById .
|
/image%2F0978014%2F20250203%2Fob_351bf8_cma.jpg)
/image%2F0978014%2F20250203%2Fob_3a5f4f_cma.jpg)
/https%3A%2F%2Fassets.over-blog.com%2Ft%2Fcedistic%2Fcamera.png)