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

  • ntdubuisson

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

  • ntdubuisson

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

  • mram Administrateur

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

  • nkeshimanabrice-37

    veuillez me corriger...

7 Commentaires

  • ntdubuisson

    ntdubuisson

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

    le 17/03/2017 à 13h48

  • ntdubuisson

    ntdubuisson

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

    le 17/03/2017 à 14h00

  • mram

    mram Administrateur

    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 à 19h56

  • belespoir38

    belespoir38

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

    le 14/01/2018 à 12h40

  • mram

    mram Administrateur

    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 à 19h19

  • nkeshimanabrice-37

    nkeshimanabrice-37

    ok merci bien fait

    le 17/01/2019 à 13h22

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>