티스토리 뷰

웹 퍼블리싱/JS, jQuery

JavaScript - HTML요소 선택하기

사용자 용고리 2018. 12. 4. 22:39

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은 제일 처음 클레스를 선택한다.

 

 

 


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

댓글
댓글쓰기 폼