id는 getElementByID, class는 getElementByclassName

📌 오류 요약

html내에서 button 생성시 class 값을 부여해놓고 js내에서 getElementByID로 불러오니 오류가 생겼어요

🔎 해결방법

id는 getElementByID로
class는 getElementByclassName로 불러오면 문제해결!
이때 , id는 값이 고유하고 class는 값이 여러개 들어올 수 있으니까 getElementByclassName 작성시 몇번째 요소인지를 작성해야합니다.

그러나 class 요소로만 이벤트를 제어한다면 하위 요소에 새로운 요소가 추가될 때 마다 해당 요소에 대한 이벤트 리스터를 계속해서 등록해줘야합니다. 때문에 이 하위 요소들이 존재하는 상위요소에서 이벤트를 제어할 수 있도록 상위 요소는 웬만하면 id로 정의하고, 해당 id(상위요소)에 이벤트 리스너를 등록하는게 좋습니다.
🤓 이벤트 버블링 덕분에 하위에서 발생한 클릭 이벤트를 상위 요소에서 감지할 수 있습니다.

📚 참고페이지

https://velog.io/@71summernight/%EC%BD%94%EB%93%9C%EB%A1%9C-%EC%95%8C%EC%95%84%EB%B3%B4%EB%8A%94-getElementById-vs-getElementsByClass