[#. JavaScript] addEventListener is not a function 에러 해결 방법

  

 

 

 

js에서 클릭이나 스크롤 이벤트를 추가하려고 하는데 

addEventListener is not a function

에러가 발생했다

 

 

getElementsByClassName() 를 사용해서 가져온 요소는 배열이다

그래서 getElementsByClassName()를 사용한다면 length만큼 for문을 이용하거나

아래처럼 하나일 경우 [0]번째 요소임을 명시해야 한다

 

var topDiv = document.getElementsByClassName("container");
topDiv[0].addEventListener("scroll", function() {
  alert("test");    
});