Exercice 3/4

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/4

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

  • farjallah.refka-37

    bonjour, mon erreur : Vous devez modifier l'attribut href de la balise a par la bonne valeur (https://news.google.fr/)

  • 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 :)

  • bsmeyers84

    L'ÉLÉMENT A NE POSSÈDE PAS LE BON CONTENU.

  • mram Administrateur

    Eh oui, ligne 4 vous n'avez pas écrit "Google" mais "Goolge" ...

29 Commentaires

  • 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 Administrateur

    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

  • bsmeyers84

    bsmeyers84

    L'ÉLÉMENT A NE POSSÈDE PAS LE BON CONTENU.

    le 29/09/2016 à 00h07

  • mram

    mram Administrateur

    Eh oui, ligne 4 vous n'avez pas écrit "Google" mais "Goolge" ...

    le 01/10/2016 à 14h02

  • armand1807

    armand1807

    pas sur de mon code la sur brackets le title n'a fonctionner on dirais..

    le 18/08/2017 à 14h36

  • mram

    mram Administrateur

    Bonjour, votre code est correct à priori, même si la correction ne valide pas vous pouvez exécuter le javascript et normalement vous devriez voir les changements dans la fenêtre "résultats".

    le 22/08/2017 à 12h54

  • mram

    mram Administrateur

    Et pour information, l'attribut "title" et sa valeur sont visibles uniquement quand on survole le lien avec la souris, c'est à ça qu'il sert en fait :)

    le 22/08/2017 à 12h54

  • 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

  • YD.

    YD.

    C'est bon maintenant ..

    le 13/11/2017 à 11h18

  • 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 Administrateur

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

    le 28/08/2018 à 22h44

  • philgd28

    philgd28

    euh... :( mon code fonctionne avec l'éditeur de code bracket et en passant avec la console, pourquoi pas la. y a t'il un problème docteur ? merci

    le 14/08/2017 à 15h50

  • mram

    mram Administrateur

    Bonjour, votre code est correct, et si vous exécutez Javascript vous verrez que le contenu du lien change bien. Mais comme tous les exercices sur le DOM la correction automatique ne veut rien savoir.

    le 17/08/2017 à 15h44

  • maelastier.contact

    maelastier.contact

    Bonjour, désolé de vous déranger mais je ne sais pas si j'ai bien compris comment utilisé ces nouvelles notions car je vois pas mon (mes) erreur(s) merci de me corriger

    le 14/08/2017 à 19h59

  • mram

    mram Administrateur

    Bonjour, votre code est correct, et si vous exécutez Javascript vous verrez que le contenu du lien change bien. Mais comme tous les exercices sur le DOM la correction automatique ne veut rien savoir.

    le 17/08/2017 à 15h46

  • mram

    mram Administrateur

    Ligne 1 l'url n'a pas la bonne syntaxe, regardez l'instruction 2

    le 02/11/2016 à 20h38

  • 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

  • YD.

    YD.

    Mon code est bon mais quand je survole le lien rien ne change ... pourquoi ?

    le 06/11/2017 à 17h45

  • mram

    mram Administrateur

    Bonjour, vous avez activer Javascript auparavant ? ça permet d'exécuter votre code.

    le 07/11/2017 à 23h11

  • capugc-97

    capugc-97

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

    le 16/10/2018 à 12h45

  • meriam

    meriam Administrateur

    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

  • 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 Administrateur

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

    le 17/01/2018 à 19h41

  • YD.

    YD.

    Oui oui c'est bien activer , mais quand je le survole toujours rien ... le code est bien correct pourtant vu qu'il est valide ?

    le 08/11/2017 à 10h18

  • mram

    mram Administrateur

    Bonjour, c'est bizarre car votre code est correct, je l'ai testé de mon côté et il fonctionne bien. Quand je survole j'ai bien l'infobulle.

    le 11/11/2017 à 12h54

  • triplaxs

    triplaxs

    Bonjour voici mon code: var a = document.querySelector("a"); a.href="https://news.google.fr/"; a.innerHTML = "News Google"; a.setAttribute("a","title");je vois pas ou son mes erreurs merci de me corriger

    le 08/09/2017 à 12h45

  • mram

    mram Administrateur

    Bonjour, vous faites erreur avec l'utilisation de .setAttribute() Cette fonction prend 2 paramètres : le premier le nom de l'attribut (href, src, title...) et le deuxième c'est la valeur de l'attribut.

    le 12/09/2017 à 16h14

  • mram

    mram Administrateur

    Précision, les deux paramètres sont à fournir sous forme de chaîne de caractères.

    le 12/09/2017 à 16h15

  • philgd28

    philgd28

    ok merci

    le 18/08/2017 à 10h59

  • 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

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>