11480 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

Je me permets de poster car j'ai deux questions.

- j'essaie de modifier la propriété display d'une div mais la console retourne une erreur. Je n'arrive pas à comprendre d'où vient le problème. Auriez-vous une piste à me donner ?

- j'essaie d'ajouter un événement au click sur une div mais la console retourne une erreur. Auriez-vous une piste à me donner pour résoudre ce problème ?

Le code est ici.


<!DOCTYPE html>
<html lang="fr">
    <body>
      <div class="container">
        <div class="box">1</div>
        <div class="box">2</div>
      </div>
	</body>
</html>



let conteneur = document.getElementsByClassName('container');
let boites = document.getElementsByClassName('box');

conteneur.style.display = "none";

boites.addEventListener("click", function(){
  console.log("Hello");
});


Merci Smiley smile
Modifié par MickFR (23 May 2019 - 15:47)
Modérateur
Bonjour, pour une prochaine, n'hésites pas à donner l'erreur de la console.

Cependant ici ça doit être dû au fait que getElementsByClassName retourne un tableau pour s'en rendre compte:


let conteneur = document.getElementsByClassName('container');
console.log(conteneur);