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

  • hocinesennane-67

    cette fonction de : document.getElementById sans "s" our Element, ca pourrait s'appliquer aussi sur l'exercice N° 2 puisque le DOm contient un seul titre "h1".

  • pascal-ds

    Suggestion : il serati peut-être utile dans la description de préciser que puisqu'un seul élément est retourné, contrairement aux autres instructions, il n'y a pas de "s" à "element" dans ".getElementById"... je pense que cela évitera un certain nombre d'erreurs dans le code... :o)

  • nkeshimanabrice-37

    pouvez-vous me corriger...

  • louise.perrollet-33

    Bonjour j'ai le même message d'erreur que dans les exercices précédent "Avez-vous affecté le résultat de "getElementById" à "result" ?" je ne sais pas quoi faire

13 Commentaires

  • pascal-ds

    pascal-ds

    Suggestion : il serati peut-être utile dans la description de préciser que puisqu'un seul élément est retourné, contrairement aux autres instructions, il n'y a pas de "s" à "element" dans ".getElementById"... je pense que cela évitera un certain nombre d'erreurs dans le code... :o)

    le 13/10/2016 à 09h40

  • nkeshimanabrice-37

    nkeshimanabrice-37

    pouvez-vous me corriger...

    le 15/01/2019 à 09h37

  • meriam

    meriam Administrateur

    Vérifiez le nom la fonction getElementById('bloc') et non pas getElementsById().

    le 15/01/2019 à 15h57

  • louise.perrollet-33

    louise.perrollet-33

    Bonjour j'ai le même message d'erreur que dans les exercices précédent "Avez-vous affecté le résultat de "getElementById" à "result" ?" je ne sais pas quoi faire

    le 11/06/2018 à 16h03

  • mram

    mram Administrateur

    Bonjour,

    La dernière version de votre code semble correcte, avez-vous toujours le message d'erreur ?

    le 19/06/2018 à 04h11

  • triplaxs

    triplaxs

    var result; result=document.getElementById("bloc"); alert( result);que faire?

    le 04/09/2017 à 16h56

  • mram

    mram Administrateur

    Bonjour, je pense c'est à cause de l'espace dans alert().

    le 06/09/2017 à 11h31

  • EmyCukowski

    EmyCukowski

    Bonjour, mes précédents exercices sur le DOM n'ont pas été validés, celui-ci non plus, pourtant je pense avoir le bon code. Est-ce une erreur de correction ou bien je me trompe quelque part? Merci d'avance

    le 18/08/2017 à 15h09

  • mram

    mram Administrateur

    Bonjour, oui nous avons un souci avec la correction sur tous les exercices sur le DOM, voir les autres commentaires utilisateurs et mes réponses. On va corriger ça dans les prochains jours :)

    le 22/08/2017 à 12h58

  • EmyCukowski

    EmyCukowski

    @mram D'accord, merci :)

    le 23/08/2017 à 12h58

  • alexdisdier

    alexdisdier

    var result; result = document.getElementById("bloc"); alert(result);

    le 26/07/2017 à 19h36

  • mram

    mram Administrateur

    Bonjour, votre code est correct. Quelle erreur avez-vous ?

    le 01/08/2017 à 12h01

  • philgd28

    philgd28

    Bon je vous demanderez bien si c'est bon, mais je pense que oui, enfin je peux me tromper...

    le 17/08/2017 à 20h12

  • mram

    mram Administrateur

    Oui il est correct :) Tous vos exercices sur le DOM sont bien réussis pas de souci.

    le 17/08/2017 à 20h20

  • nkeshimanabrice-37

    nkeshimanabrice-37

    bien vu..

    le 11/04/2019 à 12h45