Exercice 4/8

Dans le fichier script.js :

Soit les variables result et longueur déja déclarées.

  • utilisez document.getElementsByTagName() pour récupérer les paragraphes p et affectez le résultat à result;
  • récupérez dans longueur la longueur du tableau;
  • créez une boucle for avec l'itérateur i;
  • dans la boucle affichez chaque élément avec alert();
  • cliquez sur Soumettre ma réponse.

Leçon 4/8

Avec getElementsByTagName() on peut donc récupérer toute une liste d'éléments HTML.

Comment exploiter cette liste ?

Si vous voulez effectuer des actions sur chacun des éléments récupérés il faut les lister un par un. Et pour cela il faut une boucle for par exemple.

C'est pour ça que c'est important de récupérer la longueur de la collection auparavant.

Commentaires les mieux notés

272 Commentaires

  • hgadessaud-13

    hgadessaud-13

    Bonjour Je ne comprend pas mon erreur

    le 01/03/2023 à 15h08

  • Patricio M

    Patricio M Admin

    Ligne 4 en trop, pas besoin d'un ALERT

    le 02/03/2023 à 08h21

  • eprigent29-42

    eprigent29-42

    selon le bot il y aurait une boucle infinie dans mon code, mais je ne parviens pas à trouver mon erreur

    le 14/02/2023 à 10h52

  • Patricio M

    Patricio M Admin

    la variable i n'est pas déclarée

    le 16/02/2023 à 12h41

  • antoinehennion3-11

    antoinehennion3-11

    ok désolé je cmmence à tout confondre...!

    le 25/11/2022 à 09h30

  • Patricio M

    Patricio M Admin

    Pourtant le code est bon :)

    le 25/11/2022 à 14h14

  • antoinehennion3-11

    antoinehennion3-11

    bonjour, je ne trouve pas mon erreur. le bot m'indique un problème dans la boucle for, toutefois je ne la trouve pas.?

    le 24/11/2022 à 12h45

  • Patricio M

    Patricio M Admin

    Antoine, essaie de lire les X rouges à gauche... c'est ; et non , dans la boucle FOR

    le 24/11/2022 à 14h27

  • verone86-58

    verone86-58

    impossible de valider cet exercice, alors que je ne vois pas quelle est mon erreur...

    le 28/05/2022 à 23h29

  • meriam

    meriam Admin

    Bonjour, vous avez dupliqué la déclaration des variables longueur et result.

    le 07/06/2022 à 10h36

  • Megacocotte

    Megacocotte

    Pour ceux qui sont bloqués : var result; var longueur; result = document.getElementsByTagName('p'); longueur = result.length; for(var i = 0; i < longueur; i++)&#123; alert(result[i]) }

    le 28/05/2022 à 18h04

  • meriam

    meriam Admin

    Bonjour, il faut séparer la déclaration de variable et l'affectation des résultats.

    le 03/06/2022 à 16h56

  • sarinavanny42-3

    sarinavanny42-3

    Bonjour, je ne comprends pas pourquoi mon code n'est pas validé. Le message que j'ai est "Votre variable result ne contient pas les paragraphes p". Merci.

    le 05/04/2022 à 10h03

  • meriam

    meriam Admin

    Bonjour, vous avez dupliqué la déclaration des variables result et longueur.

    le 06/04/2022 à 19h41

  • j.delcroi1x-92

    j.delcroi1x-92

    je comprends pas pourquoi ça ne marche pas..

    le 04/04/2022 à 16h16

  • meriam

    meriam Admin

    Au niveau de la 1ère ligne, il suffit d'écrire var result.

    le 04/04/2022 à 21h05

  • alice.kreczman-99

    alice.kreczman-99

    Bonjour, je ne comprends pas pour ici il faut séparer la déclaration des variables et l'affectation de résultats?

    le 07/03/2022 à 15h13

  • meriam

    meriam Admin

    Bonjour, vous avez dupliqué la déclaration de variable result.

    le 07/03/2022 à 15h40

  • mickaelzielinski-34

    mickaelzielinski-34

    et , pour information, à l'exercice 5, j'ai exactement le même problème, sauf qu'en activant Javascript, il apparait les 3 messages

    le 03/02/2022 à 09h15

  • meriam

    meriam Admin

    il faut corriger cette ligne ==>longeur = result.length; (erreur au niveau du non de la variable)

    le 03/02/2022 à 10h15

  • mickaelzielinski-34

    mickaelzielinski-34

    var result; var longueur; var result = document.getElementsByTagName('p'); var longeur = result.length; for(var i = 0; i<longueur; i++)&#123; alert(result[i]); } Votre variable result ne contient pas les paragraphes p je ne trouve pas mon erreur

    le 03/02/2022 à 08h57

  • meriam

    meriam Admin

    Bonjour, il faut vérifier la variable longueur, alors que avez écrit longeur ==>longeur = result.length;

    le 03/02/2022 à 10h14

  • julien.audisso-63

    julien.audisso-63

    Bonjour, pourquoi faut-il séparer l'affectation des variables et des résultats ?

    le 22/12/2021 à 13h49

  • meriam

    meriam Admin

    Bonjour, tout dépend de l'énoncé

    le 22/12/2021 à 14h01

  • meriam

    meriam Admin

    Bonjour, tout dépend de l'exercice , pour cet exercice , il faut séparer la déclaration des variables de l'affectation.

    le 22/12/2021 à 14h01

  • bricec432-13

    bricec432-13

    Bonjour mon script met que ma variable result ne contient pas les paragraphes p. var result = document.getElementsByTagName('p'); var longueur = result.length; for (var i = 0; i < longueur; i++) &#123; alert(result[i]); } j'aimerais savoir pourquoi? Merci

    le 10/12/2021 à 11h52

  • meriam

    meriam Admin

    Bonjour, il faut séparer la déclaration des variables et l'affectation de résultats.

    le 10/12/2021 à 14h12

  • aminedida2021-68

    aminedida2021-68

    hello un probleme egalement

    le 07/12/2021 à 23h10

  • meriam

    meriam Admin

    Bonjour, séparez la déclaration de variable et l'affectation des resultats.

    le 08/12/2021 à 12h33

  • meriam

    meriam Admin

    Cette instruction est inutile :alert(result);

    le 08/12/2021 à 12h33

  • vasse.diomande-7

    vasse.diomande-7

    bonjour j'ai un soucis ar result = document.getElementsByTagName('p'); var longueur = result.length; for (i=0; i< longueur; i++)&#123; alert(result[i]) } et je reçois ça comme message : votre variable result ne contient pas les paragraphes p

    le 03/12/2021 à 09h42

  • meriam

    meriam Admin

    Bonjour, il faut déclarer la variable i au moment de la déclaration de la boucle.

    le 06/12/2021 à 15h02

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>
var result; var longueur;