querySelector VS getElementById

document.querySelector()

1. ()안에는 태그이름,아이디(id),클래스(class)를 넣는다.

2. 사용방법은 아래와 같다.

• 태그이름

document.querySelector(태그이름)

• 아이디(id)

document.querySelector('#id')

• 클래스(class)

document.querySelector('.class')

document.getElementById

1. ()안에는 무조건 id만 넣는다.

2. 사용방법은 아래와 같다.

document.getElementById('id')

querySelector VS getElementById

1. 차이점

대체로 querySelector은 getElementById에 비해 연산이 느리다.
그러나 querySelector은 다양한 선택자(id, class,태그)를 사용할 수 있다.

2. 더 나은 친구는?

내가 불러올 선택자의 타입(id였는지,class였는지)이 헷갈릴 때가 있기 때문에 사용하기 편리한 querySelector을 더 자주 사용할 것 같다.