Exercice 4/4

Dans le fichier script.js :

  • récupérez le div;
  • ajoutez-lui la propriété css "color" et la valeur "blue";
  • cliquez sur Soumettre ma réponse.

Leçon 4/4

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

Exemple :

element.style.fontSize = "1em";

Ici on récupère un élément HTML et on modifie la taille de son texte.

Commentaires les mieux notés

  • tjmasiee-86

    Un petit coup de main svp?

  • djalloh2016-72

    une réponse pour l'exo en 2 lignes de codes;;;trop facile mais attention le cerveau doit bosser

  • stevencourbet-59

    Bonjour, je ne vois pas ou est le PB :

  • valerie.major-59

    bonjour. je n'arrive pas à valider cet exercice.pouvez-vous m'aider? merci

19 Commentaires

  • djalloh2016-72

    djalloh2016-72

    une réponse pour l'exo en 2 lignes de codes;;;trop facile mais attention le cerveau doit bosser

    le 01/03/2018 à 15h44

  • jecht38

    jecht38

    Hello, j'ai du mal sur cet exercice... Un petit coup de main vis-à-vis de mes essaies, pls ?

    le 02/01/2018 à 16h17

  • mram

    mram Administrateur

    Eh oui, la variable "div" n'existe pas. Quand on demande de récupérer un élément HTML (ici div), il faut utiliser ce qui a été vu dans les exercices précédant (querySelector() etc.).

    le 24/10/2016 à 13h16

  • jecht38

    jecht38

    Une erreur toute bête que j'ai corrigé moi-même... Merci quand même.

    le 02/01/2018 à 16h29

  • patricerameaux

    patricerameaux

    div is not defined

    le 21/10/2016 à 10h49

  • duboisdelphine-16

    duboisdelphine-16

    là, je sèche, ca fait 10 fois que je change la manière de faire, et ça ne marche toujours pas. j'ai tenté de mettre juste color au lieu de font-color, ça n'a pas marché, j'ai essayé d'autres manières, ça ne marche pas non plus. Quelqu'un peut m'aider svp?

    le 05/04/2018 à 08h37

  • mram

    mram Administrateur

    Bonjour, vos premières tentatives étaient plus proche de la solution que vos derniers essais. Dans votre code actuel, la ligne est inutile, la ligne 2 ok. Il suffira de rajouter la ligne pour changer la couleur à partir de la variable "modif" que vous utilisez.

    le 11/04/2018 à 00h37

  • mram

    mram Administrateur

    Reprenez l'exemple de la leçon, il suffit de remplacer "element" par "modif" et de mettre la bonne propriété CSS.

    le 11/04/2018 à 00h38

  • alexismoquet

    alexismoquet

    bjr, pourquoi mon code ne va pas svp ?

    le 06/10/2017 à 16h10

  • mram

    mram Administrateur

    Bonjour, il fallait affecter document.querySelector() à une variable. Et alert() ne sert à rien ici.

    le 09/10/2017 à 00h37

  • guilours

    guilours

    Bonjour, j'ai suivi la même logique que dans les exercices précédents, en utilisant donc querySelector() pour la Div, setAttribute() pour ajouter "color", et style.color= pour indiquer "blue". Mais j'ai l'erreur "L'élément div ne possède pas la bonne couleur de texte." Je vais faire une pause car je ne vois pas le soucis. Le "div" mal récupéré avec querySelector() ?

    le 18/12/2017 à 19h02

  • mram

    mram Administrateur

    Bonjour, il n'y a pas besoin d'utiliser setAttribute() . On ne souhaite pas ajouter un attribut à la balise div dans le HTML, mais modifier la propriété CSS color.

    le 23/12/2017 à 16h18

  • guilours

    guilours

    Ok, j'ai compris que ma ligne 'element.setAttribute('color');' ne servait à rien, j'ai fait le lien avec la leçon précédente pensant qu'il fallait cette ligne pour ensuite modifier 'color'.

    le 19/12/2017 à 12h20

  • veronique.nollet

    veronique.nollet

    Je pense que je peux être contente des mon brainstorming et vous propose la solution suivante en une seule ligne pour cet exercice : var modif = document.querySelector("div").style.color="blue";

    le 09/05/2018 à 18h20

  • mram

    mram Administrateur

    Bonjour, vous pouvez en effet, c'est correct :)

    le 14/05/2018 à 03h06

  • duboisdelphine-16

    duboisdelphine-16

    merci !!!!!!

    le 12/04/2018 à 14h06

  • duboisdelphine-16

    duboisdelphine-16

    quand je mets ceci : var modif = document.querySelector("div"); div.style.font-color = "blue"; j'obtiens ce message d'erreur :Invalid left-hand side in assignment. Quel est le problème?

    le 29/03/2018 à 13h05

  • mram

    mram Administrateur

    Bonjour, ce n'est pas "font-color" qu'il faut mettre, mais juste "color".

    le 01/04/2018 à 02h08

  • Bérénice

    Bérénice

    je ne comprends pourquoi on n'accepte pas document.getElementsByTagName('div') pénible de chercher pendant 1h le code de ce site alors que mon code est bon...

    le 21/09/2017 à 10h38

  • mram

    mram Administrateur

    Bonjour, oui en effet, mais il est préférable d'utiliser .querySelector() qui est beaucoup plus flexible car ça permet d'utiliser la syntaxe des sélecteurs CSS qui est beaucoup plus riche.

    le 22/09/2017 à 17h57

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>