11480 sujets

JavaScript, DOM et API Web HTML5

Bonjour, je commence tout juste le javascript pure alors que j'ai toujours utilisé jquery, c'est surement une erreur bête mais je ne comprends pas. Voici mon problème:

Ceci marche

<p id="test">A Paragraph</p>


var test = document.getElementById("test");

test.addEventListener('mouseover', function(){
  this.style.backgroundColor = "#174c9a";
});
test.addEventListener('mouseleave', function(){
  this.style.backgroundColor = "transparent";
});


Mais ceci ne marche pas :


<p class="test">A Paragraph</p>


var test = document.getElementsByClassName("test");

test.addEventListener('mouseover', function(){
  this.style.backgroundColor = "#174c9a";
});
test.addEventListener('mouseleave', function(){
  this.style.backgroundColor = "transparent";
});




EDIT: PROBLÈME RÉSOLUT (;
Modifié par vzytoi (02 May 2020 - 00:00)
Meilleure solution