Exercice 6/8

Dans le fichier script.js :

  • déclarez la variable result;
  • utilisez document.getElementById() pour récupérer l'élément HTML qui a l'id "bloc" et affectez le résultat à result;
  • affichez l'élément avec alert();
  • cliquez sur Soumettre ma réponse.

Leçon 6/8

Il est aussi possible de récupérer les éléments HTML selon leur id avec la fonction suivante :

.getElementById()

Elle fonctionne de la même manière que la fonction précédente. La différence est que seul un élément est retourné. En effet, un id en css est censé être unique. Si plusieurs éléments possèdent le même id alors cette fonction retournera que le premier élément trouvé dans le DOM.

Donc ici, pas besoin de boucle.

Commentaires les mieux notés

54 Commentaires

  • rosa.scimeca-65

    rosa.scimeca-65

    Bonjour Miriam, desolée, j'ai fait la corection mais le message est toujours le même: "votre variable result ne contient pas la balise ayant pour id bloc. Forcement il y'a un erreur que je ne vois pas

    le 14/12/2021 à 13h44

  • meriam

    meriam Admin

    Vous devez supprimer les espaces avant et aprés l'id bloc

    le 14/12/2021 à 16h38

  • rosa.scimeca-65

    rosa.scimeca-65

    merci, mais j'ai encore un message d'erreur: "votre variable result ne contient pas la balise ayant pour id bloc

    le 14/12/2021 à 09h06

  • meriam

    meriam Admin

    Bonjour, vous avez déclaré la variable result deux fois avec le mot clé var

    le 14/12/2021 à 10h54

  • rosa.scimeca-65

    rosa.scimeca-65

    bonjour, j'ai encore un erreur mai je narrive pas a comprendre où; merci pour votre aide var result= document.getElementsById("bloc"); alert(result);

    le 13/12/2021 à 15h53

  • meriam

    meriam Admin

    Bonsoir, On écrit getElementById au lieu de getElementsById ( Element sans la lettre s).

    le 13/12/2021 à 22h19

  • meriam

    meriam Admin

    Il faut déclarer la variable result deux fois avec le mot clé var.

    le 13/12/2021 à 22h19

  • benjamin.mounaix

    benjamin.mounaix

    J'ai compris mon erreur, c'était une faute d'inattention. Merci.

    le 02/12/2021 à 17h49

  • meriam

    meriam Admin

    Bonjour, votre code fonctionne correctement.

    le 06/12/2021 à 10h13

  • benjamin.mounaix

    benjamin.mounaix

    J'ai compris mon erreur, c'était une faute d'inattention. Merci.

    le 02/12/2021 à 17h49

  • meriam

    meriam Admin

    N'hésitez pas à demander de l'aide si vous trouvez des problèmes dans les exercices suivants.Bon travail.

    le 06/12/2021 à 10h13

  • benjamin.mounaix

    benjamin.mounaix

    Bonjour, j'ai ce message d'erreur "Votre variable result ne contient pas la balise ayant pour id bloc" quand je regarde les autres commentaires j'ai l'impression que mon code est bon. Suis-je passé à coté de quelque chose ?

    le 02/12/2021 à 17h40

  • meriam

    meriam Admin

    Bonjour, pour valider l'exercice, il faut déclarer la variable 'result' et affecter le résultat en même temps.

    le 06/12/2021 à 10h13

  • yan28-81

    yan28-81

    c'est très embêtant de voir que aucun exercice marche dans manipuler le DOM... le robot me retourne "vous devez déclarer qu'un alert()" voiçi mon code : var result = document.getElementById("bloc"); alert(result);

    le 26/11/2021 à 11h12

  • meriam

    meriam Admin

    Bonjour, c'est un bug qui va être résolu . Merci pour votre compréhension.

    le 28/11/2021 à 23h43

  • karim.letellier-28

    karim.letellier-28

    var result = document.getElementsById('bloc'); alert(result);

    le 05/08/2021 à 13h56

  • meriam

    meriam Admin

    Bonjour, votre code est correct.

    le 13/08/2021 à 11h39

  • guenael.banic-63

    guenael.banic-63

    ça donne vraiment une mauvaise image de l'ecole !

    le 16/03/2021 à 13h48

  • meriam

    meriam Admin

    Bonjour, c'est le même problème pour les autres exercices??

    le 17/03/2021 à 09h25

  • guenael.banic-63

    guenael.banic-63

    ça devient inutlisable avec les réponses "Votre script a mis trop de temps à s'exécuter, auriez-vous une boucle infinie ?"

    le 16/03/2021 à 13h47

  • meriam

    meriam Admin

    Bonjour, le code fonctionne correctement, Est ce que le problème persiste encore??

    le 17/03/2021 à 09h23

  • rosirisf77-81

    rosirisf77-81

    encore un exercisVotre script a mis trop de temps à s'exécuter, auriez-vous une boucle infinie ? pouvez vous voir si cest bon pour le validez s'il vous plait, marcie que le robot me dit:

    le 02/01/2021 à 17h40

  • meriam

    meriam Admin

    Bonsoir, pour délcarer la variable result ==> var result (ne mettez pas le signe "=" entre var et result.

    le 06/01/2021 à 16h30

  • Gabriel_Armede-47

    Gabriel_Armede-47

    Vous ne devez avoir qu'une seule alert .. Il y a un bug a chaque exercice ...

    le 09/11/2020 à 09h28

  • meriam

    meriam Admin

    Votre code est correct.

    le 09/11/2020 à 09h35

  • darek_kozaczek-68

    darek_kozaczek-68

    var result = document.getElementById("bloc"); alert (result); //robot dit : Vous ne devez avoir qu'une seule alert

    le 29/06/2020 à 07h13

  • meriam

    meriam Admin

    Votre code est correct.

    le 29/06/2020 à 18h41

  • zedixa-68

    zedixa-68

    Bonjour, var result; result=document.getElementById("bloc"); alert(result); msg d'erreur vous ne devez avoir qu'une seule alerte????

    le 06/06/2020 à 15h04

  • meriam

    meriam Admin

    Bonjour, votre dernier code fonctionne correctement.

    le 08/06/2020 à 12h11

  • nkeshimanabrice-37

    nkeshimanabrice-37

    bien vu..

    le 11/04/2019 à 08h45

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