Problème javascript

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)