Back
Close

Exercices DOM - Module M2206 - MMI1

stardisblue
3,214 views
Next: 2. Ajout d'attributs, classes

Exercice 1

Suite à un oubli de la part du créateur de l'exercice plusieurs erreurs n'ont pas été corrigés sur la page.

Il en revient à vous pour corriger les erreurs qui y sont glissés.

Remarque : Le fichier index.html est en lecture seule et n'est affiché qu'à titre indicatif. Vous ne pouvez agir sur ce fichier qu'en javascript.

  1. Selectionnez le premier fils de l'élèment body et modifiez son contenu en Rick Astley - Never Gonna Give You Up.
  2. Sélectionnez tous les éléments possèdant la classe couplet et supprimer la première ligne qui est en double.
    N'oubliez pas de supprimer le <br /> qui cause le retour à la ligne
  3. Le refrain s'est dupliqué à cause de l'écho. Supprimez les occurences en double.
    N'oubliez pas de supprimer le <br /> qui cause le retour à la ligne
  4. Maintenant que toutes les erreurs ont été corrigées, supprimer l'élément ayant pour id erreur
  5. Ajoutez en bas de la page (dernier element de <body>), un <footer> contenant © Copyright 2020 - Nom
Conseils
  • Utilisez firstElementChildref pour sélectionner le premier Element d'un Node.
  • Utilisez document.getElementById("un_id")ref pour récuperer un élément ayant pour id un_id.
  • Pour sélectionner tous les éléments qui possèdent une classe, utilisez document.getElementsByClassName("nom_classe")ref ou document.querySelectorAll(".nom_classe")ref
    Attention, ces fonctions retournent un tableau.
  • Utilisez parent.removeChild(enfant)ref afin de supprimer un élément enfant d'un élément parent.
  • Faites attention lorsque vous modifiez les elements d'une liste lors de son parcours.
  • Utilisez parent.appendChild(child)ref pour ajouter un element.
    Attention, appendChild n'accepte que des Node. Il faut donc les créer, ce qui peut se faire avec document.createElement()ref pour créer un Element et document.createTextNode("un texte")ref pour créer un noeud de type Text contenant un texte.

Lors de l'éxecution, il peux vous afficher une erreur, re-executer à nouveau regle généralement le problème.

Exercice 1
Create your playground on Tech.io
This playground was created on Tech.io, our hands-on, knowledge-sharing platform for developers.
Go to tech.io
codingame x discord
Join the CodinGame community on Discord to chat about puzzle contributions, challenges, streams, blog articles - all that good stuff!
JOIN US ON DISCORD
Online Participants