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

  • takfa

    takfa

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

    le 22/11/2019 à 22h28

  • 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 03/09/2019 à 01h00

  • patricerameaux

    patricerameaux

    j'ai saisi quelque chose mais je ne comprends pas bien l'énnoncé : vos explications sont trop approximatives j'attends vos éclaicissements

    le 20/10/2016 à 11h30

  • mram

    mram Admin

    Il faut là aussi utiliser querySelector() pour récupérer l'élément HTML en question (le lien <a>).

    le 20/10/2016 à 13h26

  • mram

    mram Admin

    Là vous mettez directement <a> (donc du code HTML) dans le code Javascript, ça ne fonctionnera donc pas.

    le 20/10/2016 à 13h26

20 Commentaires

  • 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 à 18h43

  • meriam

    meriam Admin

    Bonjour, votre dernier code fonctionne correctement.

    le 08/06/2020 à 15h29

  • 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 à 18h43

  • meriam

    meriam Admin

    Bonjour, votre dernier code fonctionne correctement.

    le 08/06/2020 à 15h29

  • takfa

    takfa

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

    le 22/11/2019 à 22h28

  • 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 03/09/2019 à 01h00

  • 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 à 16h31

  • 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 à 11h03

  • 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 à 19h41

  • 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 à 22h43

  • 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 à 11h46

  • mram

    mram Admin

    Avez-vous un message d'erreur ?

    le 28/08/2018 à 22h13

  • sterbik.pierrealexandre-1

    sterbik.pierrealexandre-1

    Bonjour ! Pouvez-vous regarder mon code ? Je ne comprends pas mon erreur

    le 31/05/2018 à 14h15

  • mram

    mram Admin

    Bonjour, il manque l'utilisation de .innerHTML.

    le 02/06/2018 à 05h18

  • minos.ivan

    minos.ivan

    ha il me manquait le "/". Tout va mieux

    le 06/05/2018 à 12h16

  • mram

    mram Admin

    Oui, ce n'était pas forcément évident à voir.

    le 09/05/2018 à 06h26

  • minos.ivan

    minos.ivan

    Bonjour "mram", lorsque j'active Javascript le contenu et le lien href de mont document parraissent bons, mais il me dit quand même que mon lien n'est pas bon.

    le 06/05/2018 à 12h13

  • mram

    mram Admin

    Bonjour, vous avez oublié un / à la fin de l'url du lien.

    le 09/05/2018 à 06h26

  • berte.sad-33

    berte.sad-33

    Bonjour, Pourriez-vous me dire ce qui coince dans mon code?

    le 25/03/2018 à 11h29

  • mram

    mram Admin

    Bonjour, c'est HTML et pas HTLM.

    le 28/03/2018 à 05h58

  • djalloh2016-72

    djalloh2016-72

    Très honnetement l'exo là a du kilo franchement pour le valider il m'a fallut une journée entière de taff,mais bon après tout c'est ça le code,,chercher chercher chercher et trouver forcément...bingo...pour info la leçon n'a pas grand chose à voir ici pour valider l'exo car il vous faudra utiliser querySelecotor("a")

    le 01/03/2018 à 15h07

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>