• Trouver l'élément HTML par Id

    Par White Tendance dans JavaScript le 18 Octobre 2018 à 10:00

    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 id

    Bonjour le monde!

    Cet exemple démontre la méthode getElementsById .