Exercice 3/7

Dans le fichier script.js :

  • récupérez le lien a dans une variable var a;
  • modifiez son attribut href par "https://news.google.fr/";
  • modifier son contenu HTML par "News Google";
  • ajoutez l'attribut title et la valeur "Les news Google";
  • cliquez sur Soumettre ma réponse.

Leçon 3/7

Il est aussi possible d'ajouter un attribut à un élément HTML avec la fonction .setAttribute().

Exemple :

element.setAttribute("class", "democlass");

Ici on récupère un élément HTML et on ajoute une class css appelée democlass.

Commentaires les mieux notés

77 Commentaires

  • verone86-58

    verone86-58

    je croiq qu'il y a un bug c'est le 4eme ou 5eme exercice queje n'arrive pas à valider alors que mon code ne comporte pas l'erreur indiquée... pourriez-vous m'aider ?

    le 29/05/2022 à 00h49

  • meriam

    meriam Admin

    Bonjour, vous avez une erreur au niveau de cette ligne de code :result = document.querySelector('a')

    le 07/06/2022 à 11h09

  • meriam

    meriam Admin

    La variable result n'est pas demandée, il faut utiliser la variable a et écrire a = document.querySelector('a')

    le 07/06/2022 à 11h10

  • mehdi-kerkar

    mehdi-kerkar

    bonjour je ne comprend pas mon erreur

    le 06/12/2021 à 11h09

  • meriam

    meriam Admin

    Bonjour, il faut corriger cette ligne code :a = document.quetySelector('a') (corrigez la méthode querySelector())

    le 06/12/2021 à 12h38

  • bilismira-75

    bilismira-75

    Bonjour, c'est quoi l'erreur ici?

    le 17/07/2021 à 16h39

  • meriam

    meriam Admin

    Bonjour, vous devez corriger cette ligne de code :a.innerHTTML='News Google'; (pour la fonction innerHTML et pas innerHTTML))

    le 20/07/2021 à 01h27

  • killian.fauvette-58

    killian.fauvette-58

    Bonjour, pourquoi est-ce que ça me met "Vous devez modifier l'attribut href de la balise a par la bonne valeur (https://news.google.fr/)" alors que j'ai tapé l'adresse exacte ?

    le 03/05/2021 à 15h21

  • meriam

    meriam Admin

    Bonjour, vous devez modifier le contenu du lien :var a = document.querySelector("a"); a.href ='https://news.google.fr/'; a.innerHTML = 'News Google'; a.setAttribute("title","Les news Google")

    le 06/05/2021 à 12h02

  • PsychoActiF

    PsychoActiF

    pourquoi : ./* a.title = 'Les news Google' */ ne fonctionne pas ? c'est juste pour utiliser le /* setAttribute */ ?

    le 14/04/2021 à 15h43

  • meriam

    meriam Admin

    Bonjour, votre dernier code est correct.

    le 15/04/2021 à 15h04

  • rosirisf77-81

    rosirisf77-81

    bonsoir, je ne comprends pas

    le 03/01/2021 à 09h46

  • meriam

    meriam Admin

    Bonjour, vous n'avez pas déclarer la variable a. Une variable no déclarée avec var est considérée undefined.

    le 06/01/2021 à 15h30

  • rosirisf77-81

    rosirisf77-81

    var a = document.querySelector("a"); a href = "https://news.google.fr/"; a. innerHTML = "News Google"; a.setAttribute("title";"Les news Google");

    le 03/01/2021 à 09h15

  • meriam

    meriam Admin

    pour ajouter l'attribut title et la valeur "Les news Google": il faut laisser un virgule entre l'attribut et la valeur (non pas un point-virgule)

    le 06/01/2021 à 15h27

  • meriam

    meriam Admin

    a.setAttribute("title","Les news Google");

    le 06/01/2021 à 15h28

  • rosirisf77-81

    rosirisf77-81

    bonjour, je ne comprends pas, pouvez vous m'aider svp

    le 03/01/2021 à 09h15

  • meriam

    meriam Admin

    Bonjour, il faut déclarer la variable a avec le mot clé "var" ==> var a = document.querySelector("a");

    le 06/01/2021 à 15h24

  • meriam

    meriam Admin

    pour modifier l'attribut de a écrivez ==>a.href = "https://news.google.fr/";

    le 06/01/2021 à 15h25

  • takfa

    takfa

    et voila solution pour vous et ceux qui sont bloquévar a=document.querySelector('a'); a.href="https://news.google.fr/"; a.innerHTML= "News Google"; a.setAttribute("title", "Les news Google");

    le 22/11/2019 à 20h36

  • guillaume.b81-47

    guillaume.b81-47

    C'est bon j'ai réussi pour celui ci il fallait remplacer "ul > a" par "a"

    le 20/02/2019 à 17h24

  • jeremienallet-69

    jeremienallet-69

    var a = document.querySelector("a"); a.href = "https://news.google.fr/"; a.innerHTML = "News Google"; a.setAttribute("title", "Les news Google"); Bien joué, jeremienallet-69 ! :D

    le 08/01/2019 à 23h37

  • AlexisIsCoding

    AlexisIsCoding

    a.innerHTML = "News Google"; donne : [Erreur(s) : Vous devez modifier le contenu de la balise a par la bonne valeur (News Google)]

    le 13/11/2018 à 13h16

  • capugc-97

    capugc-97

    Bonjour, je suis bien bloquée, je n'arrive pas à faire fonctionner .SetAttribute

    le 16/10/2018 à 08h45

  • meriam

    meriam Admin

    Erreur à la ligne 4, vous devez ajouter un attribut à result en ajoutant un attribut appelée title avec la fonction result;setAttribute("attribute","title"), result.title = "Les news Google";

    le 16/10/2018 à 09h04

  • gaudin.yannick69-79

    gaudin.yannick69-79

    L'attribut src de l'élément a ne possède pas le bon contenu.

    le 18/08/2018 à 15h54

  • mram

    mram Admin

    Même remarque ici concernant le slash / de fin d'URL.

    le 28/08/2018 à 18h44

  • djalloh2016-72

    djalloh2016-72

    dans cet exo pour celui qui a validé le précédent il suffit juste d'ajouter: link.setAttribute("title", "Les news Google"); je précise ici link est une variable que j'ai déclaré qui contient forcement le document.querySelector("a") etc...

    le 01/03/2018 à 13h24

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>