JavaScript - HTML요소 선택하기

1.아이디로 선택하기

var boxList = document.getElementById("box-list");

var boxList = document.querySelector("#box-list");

 

 

2.클래스로 선택하기

var list = document.getElementsByClassName('list');

var list = document.querySelector(".list");

var list = document.querySelectorAll(".list");

 

 

3.태그로 선택하기

var h2 = document.getElementsByTagName('h2')

var h2 = document.querySelector('h2');

var h2 = document.querySelectorAll('h2');

 

참고) getElementsByClassName, getElementsByTagName, querySelectorAll은 모든 클레스를 배열로 보여주고, querySelector은 제일 처음 클레스를 선택한다.

 

 

 

---

개인 공부용으로 만들었습니다. 
다른 분들에게도 도움이 되었으면 좋겠습니다. 
틀린 부분이 있으면 댓글을 남겨주시면 수정하겠습니다.