QuerySelector VS getElementbyID 차이

• getElementById는 id 속성에 국한되어 id 속성만 선택자로 사용할 수 있지만, querySelector는 id, class, [data-*=""], input[name=""] 등 다양한 선택자를 사용할 수 있다.
• 아래 코드에서 querySelector를 사용하면 name 속성으로 element 객체를 가져올 수 있는데 getElementById를 사용하면 해당 element 객체를 가져오기 위해 필요없는 id를 부여해야 한다.

<input name="login"/> 

• getElementById가 querySelector보다 약 1.2배 빠르다.하지만 그렇다고 꼭 getElementById를 사용할 필요는 없다. 

 

 

출처 : 

getElementById와 querySelector, 어느 것을 사용할까? | bobbohee