getElementsbyId 랑 querySelector차이

 

element = document.getElementById(id);

Id 는 id만을 불러와서 사용한다

element = document.querySelector(selectors);

Selector는 id와 class 둘다 사용이 가능하다

id는 ('#아이디명')

class는 ('.클래스명') 으로 사용한다.

 

 

사용방법

 

document.getElementsbyId("아이디명")

 

document.getElementsByClassName("클래스명")

document.querySelector(".클래스")

 

document.querySelector("#아이디")

 

 

---

 

그래서 차이는?

 

 

결론부터 말하자면 getElementsbyId가 더빠르다

 

그 이유는

쿼리셀렉터는 아이디와 클래스명 둘다 사용해야하니까 해야할일이 많다

그래서 컴퓨터가 처리하는데 있어서 조금 더 무겁다.