Exercice 2/8

Dans le fichier script.js :

  • déclarez la variable result;
  • utilisez document.getElementsByTagName() pour récupérer le titre h1;
  • affectez le résultat à result;
  • cliquez sur Soumettre ma réponse.

Leçon 2/8

Dans cet exercice vous allez voir comment trouver un élément HTML par son nom de balise avec la fonction .getElementsByTagName().

DOM :

<div>
    <p>Paragraphe</p>
</div>

Javascript :

var div = document.getElementsByTagName('div');

Ici la variable div contiendra un objet qui représente l'élément HTML div. Il faut préciser entre les parenthèses le nom de la balise HTML souhaitée.

Commentaires les mieux notés

24 Commentaires

  • Marie

    Marie

    erreur trouvée, merci

    le 07/06/2022 à 07h56

  • Marie

    Marie

    Bonjour, je ne comprends pas mon erreur. Je vous remercie. Bonne journée

    le 07/06/2022 à 07h47

  • meriam

    meriam Admin

    Bonjour, il faut supprimer cette ligne de code ==>var result = "<h1>"

    le 07/06/2022 à 13h37

  • meriam

    meriam Admin

    Il faut déclarer la variable result et affectez le résultat sur la même ligne.

    le 07/06/2022 à 13h38

  • khadidja

    khadidja

    pourquoi j'arrive pas soumettre a réponse??

    le 09/03/2022 à 14h15

  • meriam

    meriam Admin

    Bonjour, vous devez écrire document.getElementsByTagName('h1')

    le 10/03/2022 à 15h22

  • rosirisf77-81

    rosirisf77-81

    bonjour, voila le message qui me donne, Votre variable result ne fait pas référence à la balise h1, je ne comprends pas

    le 02/01/2021 à 16h26

  • meriam

    meriam Admin

    J'ai corrigé votre code :var result; result = document.getElementsByTagName("h1");

    le 06/01/2021 à 16h45

  • Philippesoosai-88

    Philippesoosai-88

    Bonjour, je ne trouve pas mon erreur.

    le 03/11/2020 à 16h10

  • meriam

    meriam Admin

    Bonjour, votre dernier code est correct.

    le 04/11/2020 à 07h08

  • nkeshimanabrice-37

    nkeshimanabrice-37

    ok merci bien fait

    le 17/01/2019 à 11h22

  • belespoir38

    belespoir38

    var result= document.getElementsByTagName('h1'); Je ne comprends pas pourquoi ça ne fonctionne pas. S'il vous plait

    le 14/01/2018 à 10h40

  • mram

    mram Admin

    Bonjour, il faut mettre le sélecteur CSS entre guillemets, et plutôt le faire en deux étapes : déclaration de "result" , puis affectation du résultat à "result".

    le 17/01/2018 à 17h19

  • mram

    mram Admin

    Oui, ne pas oublier le "s" car il est possible de récupérer plusieurs éléments HTML avec cette fonction.

    le 17/03/2017 à 17h56

  • nicodbsn

    nicodbsn

    Ah j'avais simplement une erreur d'orthographe dans la fonction !

    le 17/03/2017 à 12h00

  • nicodbsn

    nicodbsn

    Bonjour, je ne peux comprends pas mon erreur. TYPEERROR: DOCUMENT.GETELEMENTBYTAGNAME IS NOT A FUNCTION

    le 17/03/2017 à 11h48

Pour publier un commentaire, vous devez vous connecter.
index.html
script.js
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>DOM</title> </head> <body> <h1>Titre h1</h1> <p class="par">Paragraphe 1</p> <h2>Titre h2</h2> <p class="par">Paragraphe 2</p> <ul> <li>Item 1</li> <li>Item 2</li> <li><a href="http://www.google.fr">Item 3</a></li> </ul> <div id="bloc"> <h3>Titre h3</h3> <p class="par">Paragraphe 4</p> </div> <script src="script.js"></script> </body> </html>
http://localhost:8080