Exercice 1/7

Dans le fichier script.js :

  • récupérez le dernier p contenu dans le div;
  • modifiez son contenu par "Dernier paragraphe";
  • cliquez sur Soumettre ma réponse.

Leçon 1/7

Il est possible de récupérer ou de modifier le contenu d'un élément HTML avec la propriété innerHTML.

Récupérer le contenu HTML

var contenu = element.innerHTML;

Modifier le contenu HTML

element.innerHTML = "Nouveau contenu HTML (texte + balises)";

Commentaires les mieux notés

120 Commentaires

  • lesguer.mikael-21

    lesguer.mikael-21

    var p = document.querySelector("div>p"); p.innerHTML = "Dernier Paragraphe"; voici mon code qui fonctionne mais j'ai ce message d'erreur "Vous devez modifier le contenu du paragraphe de la div par Dernier paragraphe"

    le 07/03/2023 à 18h04

  • Patricio M

    Patricio M Admin

    Ton code est bon!!

    le 08/03/2023 à 07h56

  • yousstodo57100

    yousstodo57100

    decidement les leçons sont pas claires des fois

    le 25/01/2023 à 00h55

  • Patricio M

    Patricio M Admin

    Youss, 1000 excuses si la leçon n'est pas claire... On pense corriger cela très vite

    le 25/01/2023 à 09h32

  • hafida-62

    hafida-62

    Je ne comprends pas "var contenu = element.innerHTML;" surtout qu'on ne l'a pas utilisé pour cet exercice?

    le 18/10/2022 à 16h06

  • Patricio M

    Patricio M Admin

    Le code est correct. Dans le contenu du P selectionné tu écris via JS 'Dernier Paragraphe'

    le 19/10/2022 à 08h33

  • Valmonzo

    Valmonzo

    Mon code à l'air juste, je ne vois pas pourquoi j'ai une erreur

    le 15/09/2022 à 16h30

  • Patricio M

    Patricio M Admin

    Ton dernier fonctionne très bien

    le 16/09/2022 à 07h19

  • jade.besserve-moullahem-58

    jade.besserve-moullahem-58

    var p p = document.querySelector("div > p"); p.innerHTML = "Dernier Paragraphe";

    le 02/06/2022 à 15h02

  • meriam

    meriam Admin

    Bonjour, votre code fonctionne correctement.

    le 08/06/2022 à 13h09

  • jade.besserve-moullahem-58

    jade.besserve-moullahem-58

    Bonjour, Je n'arrive pas à trouver mon erreur :

    le 02/06/2022 à 15h01

  • meriam

    meriam Admin

    Bonjour, il faut ajouter un point-virgule à la fin de la 1ère instruction.

    le 08/06/2022 à 15h22

  • silya76fr-90

    silya76fr-90

    une autre question: comment récupérez le dernier p contenu dans le div avec le code de cette leçon : var contenu = element.innerHTML; En effet, nous avons récupérer le p avec la méthode querySelector vu dans les cours précédents mais pas avec le cours de cette exercice ?

    le 08/09/2021 à 06h53

  • meriam

    meriam Admin

    Bonjour, votre dernier code est correct.

    le 16/09/2021 à 13h11

  • silya76fr-90

    silya76fr-90

    voici mon code var recup=document.querySelector('div>p'); recup.innerHTML="Dernier paragraphe";

    le 08/09/2021 à 06h44

  • meriam

    meriam Admin

    Bonjour, vous devez déclarer la variable recup.

    le 13/09/2021 à 09h56

  • silya76fr-90

    silya76fr-90

    Bonjour mram, mon code est bon mais je ne vois pas de modification du contenu du paragraphe div dans la page de l'aperçu en bas. peux-tu me dire si c'est normal ou bien j'ai oublié quelque chose. Merci d'avance pour ta réponse.

    le 08/09/2021 à 06h42

  • meriam

    meriam Admin

    Bonjour, votre dernier code est correct.

    le 16/09/2021 à 09h01

  • mick.ingeson-73

    mick.ingeson-73

    var p = document.querySelector('div > p'); p.innerHTML = "Dernier paragraphe" je ne comprend pas pourquoi c'est correct? j'ai crue comprendre qu'il recuperais le premier p? ma la consigne indique le dernier?

    le 09/07/2021 à 15h22

  • meriam

    meriam Admin

    Il faut récuperer le dernier aragrahe dans body, qui est imbriqué dans div.

    le 10/07/2021 à 00h20

  • antoinesegard59-57

    antoinesegard59-57

    mon code fonctionne mais n'est pas accepter par le bouton soumettre.

    le 29/05/2021 à 12h51

  • meriam

    meriam Admin

    Bonjour , il faut affecter le résultat à une variable ==> var p = document.querySelector('div > p') ; p.innerHTML="Dernier paragraphe";

    le 31/05/2021 à 10h46

  • gwald43-1

    gwald43-1

    mon code est correct mais lorsque je vérifie l'aperçu du fichier index le dernier paragraphe n'est pas modifié est ce normal?

    le 07/03/2021 à 10h48

  • meriam

    meriam Admin

    Votre code est correct.

    le 09/03/2021 à 11h08

  • sghouli-55

    sghouli-55

    j'ai codé comme suit: var result = document.querySelector('div > p');result.innerHTML="Dernier paragraphe";

    le 05/02/2021 à 21h44

  • meriam

    meriam Admin

    Bonjour, votre code est correct.

    le 07/02/2021 à 22h35

  • rosirisf77-81

    rosirisf77-81

    bonsoir, pouvez vous me dire ou est le probleme dans mon code svp, var = p var p = document.querySelector("div > p"); p.innerHTML = "Dernier paragraphe"; je n'arrive pas a valide merci

    le 02/01/2021 à 19h19

  • meriam

    meriam Admin

    Bonjour, supprimez la 1ère ligne var = p

    le 06/01/2021 à 15h32

  • kaberneine10-65

    kaberneine10-65

    qu'est que veut dire "élément" dans cette leçon. C'est pas clair cette exercice !

    le 02/01/2021 à 18h31

  • meriam

    meriam Admin

    Bonsoir, toutes les balises html sont des éléments html.

    le 06/01/2021 à 16h27

Pour publier un commentaire, vous devez vous connecter.
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>
http://localhost:8080