Exercice 2/7

Dans le fichier script.js :

  • récupérez le lien a dans une variable a;
  • modifiez son attribut href par "https://news.google.fr/";
  • modifier son contenu HTML par "News Google";
  • cliquez sur Soumettre ma réponse.

Leçon 2/7

Il est possible de modifier un attribut d'un élément HTML.

Modifier l'attribut d'un élément HTML

element.attribute = "Nouvelle valeur";

Ici attribute est à remplacer par le nom de l'attribut en question.

Exemple :

element.src = "monimage.png"

Ici on récupère un élément HTML (une image) et on change le lien vers le fichier en question.

Commentaires les mieux notés

99 Commentaires

  • tyronwilliamchanu-80

    tyronwilliamchanu-80

    Mon code est considéré comme faux est-il faux ?

    le 20/09/2021 à 10h45

  • meriam

    meriam Admin

    Bonjour, votre code est correct.

    le 21/09/2021 à 14h33

  • meriam

    meriam Admin

    Bonjour, votre code est correct.

    le 21/09/2021 à 14h38

  • tyronwilliamchanu-80

    tyronwilliamchanu-80

    var a; a = querySelector('a') a.innerHTML = "News Google"; a.href = "https://news.google.fr/";

    le 20/09/2021 à 10h44

  • meriam

    meriam Admin

    Bonjour, pour récupérer le lien a dans une variable a==>var a = document.querySelector('a');

    le 21/09/2021 à 14h19

  • lswebconf-37

    lswebconf-37

    Pardon : j'avais mal lu l'enonce...

    le 26/03/2021 à 12h58

  • meriam

    meriam Admin

    Pas de soucis.

    le 28/03/2021 à 20h11

  • lswebconf-37

    lswebconf-37

    Quand je teste avec javascript, ca marche. Quand je soumets il me met "Vous devez modifier le contenu de la balise a par la bonne valeur (News Google)"...

    le 26/03/2021 à 12h56

  • fneu_otf-35

    fneu_otf-35

    oui

    le 18/03/2021 à 23h21

  • meriam

    meriam Admin

    Bonjour, quel est votre problème?

    le 19/03/2021 à 14h35

  • fneu_otf-35

    fneu_otf-35

    Bonjour, javascript ne marche pas lorsque je suis connecter à mon compte et ne mache que lorsque je suis déconnecter avez vous une solution pour moi?

    le 18/03/2021 à 14h57

  • meriam

    meriam Admin

    Bonjour, voys avez activé le bouton java script??

    le 18/03/2021 à 15h24

  • gwald43-1

    gwald43-1

    mon code est correct mais lorsque je vérifie l'aperçu du fichier index le dernier paragraphe n'est pas modifié est ce normal? oups j'avais oublié d'activer JavaScript:::

    le 07/03/2021 à 11h15

  • meriam

    meriam Admin

    Votre code est correct.

    le 09/03/2021 à 11h09

  • rosirisf77-81

    rosirisf77-81

    bonsoir,je n'arrive pas a valide aucun de mes exercise, le robot dit, Votre script a mis trop de temps à s'exécuter, auriez-vous une boucle infinie ?

    le 02/01/2021 à 19h41

  • zedixa-68

    zedixa-68

    bonjour, voici mon code, je ne te comprend pas mon erreur ; var a = document.querySelector ('a'); a.href = "https://news.google.fr/"; a.innerHTML = "News Google";

    le 07/06/2020 à 14h43

  • meriam

    meriam Admin

    Bonjour, votre dernier code fonctionne correctement.

    le 08/06/2020 à 11h29

  • zedixa-68

    zedixa-68

    bonjour, voici mon code, je ne te comprend pas mon erreur ; var a = document.querySelector ('a'); a.href = "https://news.google.fr/"; a.innerHTML = "News Google";

    le 07/06/2020 à 14h43

  • meriam

    meriam Admin

    Bonjour, votre dernier code fonctionne correctement.

    le 08/06/2020 à 11h29

  • takfa

    takfa

    solution gratos: var a = document.querySelector('a'); a.innerHTML ="News Google"; a.href="https://news.google.fr/";

    le 22/11/2019 à 20h28

  • vimalsurti01-86

    vimalsurti01-86

    Après trois bonnes heures, bingo : var a = document.querySelector("a"); a.element.href = "https://news.google.fr/"; element.HTML = "News Google";

    le 02/09/2019 à 21h00

  • guillaume.b81-47

    guillaume.b81-47

    Bonjour, j'ai ce message d'erreur :"Vous devez modifier le contenu de la balise a par la bonne valeur (News Google)" alors que mon code me semble correct : var a = document.querySelector("ul > a"); a.href = "https://news.google.fr/";

    le 20/02/2019 à 14h31

  • meriam

    meriam Admin

    Bonjour votre code correct mails incomplet, il est indiqué de modifer l' attribut href par "https://news.google.fr/" et modifier son contenu HTML par "News Google". Tu n'as modifié que l'attribut href mais tu n'as pas modifié le contenu de a, il manque une instruction.

    le 21/02/2019 à 09h03

  • gaudin.yannick69-79

    gaudin.yannick69-79

    Bonsoir, je ne comprends pas mon erreur, j'ai testé le code suivant et il fonctionne, pourtant on me dit que le contenu de href dans n'est pas le bon:

    le 18/08/2018 à 15h41

  • mram

    mram Admin

    Bonjour, je pense il manquait le slash / de fin d'URL.

    Le lien est fonctionnel sans, mais on vérifie le contenu de "href" avec le / inclus.

    le 28/08/2018 à 18h43

  • alexis_masson1-76

    alexis_masson1-76

    je sais que ma façon de faire est mauvaise (suffirait qu'il y ait un autre lien et BOUM), mais quand même -> var result = document.getElementsByTagName('a'); var longueur = result.length; result[0].innerHTML = "News Google";

    le 16/08/2018 à 07h46

  • mram

    mram Admin

    Avez-vous un message d'erreur ?

    le 28/08/2018 à 18h13

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