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

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

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

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

  • 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 à 15h16

  • jenebakone

    jenebakone

    Bonjour j'ai le message suivant: l'attribut "src" de l'élément "a" ne contient pas le bon contenu.

    le 31/10/2016 à 09h36

20 Commentaires

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

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

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

  • 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 à 15h16

  • capugc-97

    capugc-97

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

    le 16/10/2018 à 12h45

  • 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 à 13h04

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

  • mram

    mram Admin

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

    le 28/08/2018 à 22h44

  • 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 à 15h24

  • belespoir38

    belespoir38

    L'élément a ne possède pas le bon contenu, voici mon code : var a= document.querySelector("a"); a.href= "https://news.google.fr/"; a.innerHTLM= "News Google"; a.setAttribute("title","Les news Google")

    le 14/01/2018 à 18h12

  • mram

    mram Admin

    C'est innerHTML et pas innerHTLM . Et les lignes 4 et 5 sont inutiles.

    le 17/01/2018 à 19h41

  • simon.fred

    simon.fred

    Bonjour, je ne comprends pas mon erreur. Pourriez-vous m'aider please ? var i = document.querySelector('a'); i.href = "https://news.google.fr/"; i.innerHTML = "News Google"; i.setAttribute("a", "title"); merci :)

    le 15/12/2017 à 09h57

  • mram

    mram Admin

    Bonjour, il y a une erreur à la dernière ligne. On souhaite modifier la valeur de l'attribut "title" qui permet d'afficher une infobulle quand on survole le lien. Donc la fonction .setAttribute() prend 2 paramètres : le premier c'est le nom de l'attribut, le deuxième c'est sa valeur.

    le 23/12/2017 à 12h09

  • YD.

    YD.

    C'est bon maintenant ..

    le 13/11/2017 à 11h18

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>