getElement VS querySelector

Question

안녕하세요. Front-end 개발자를 꿈꾸는 사람입니다.공부를 하면서 궁금한 점이 생겨서 여기 여쭤보려 합니다.여러분들은 getElement들과 queryselector 중 뭘 주로 사용하시나요??getElement의 경우가 속도면에서는 더 빠르다는데,만약, 이미 class가 주어진 상태라면, 스크립트 명령을 주기 위해 queryselector를 쓰시나요? 아니면 속도를 위해 id를 추가로 부여하고 getElementById를 이용하시나요?

컴포지트 · Accepted Answer

스크립트 작성할 때는 단어 수도 계산하는 치밀함을 가진 개발자가 있습니다. 그만큼 덜 수록 스크립트 용량이 줄고, 그만큼 빠르니까요.물론 요즘 minifier는 똑똑해져서 의미는 없지만... 어쨌든, 본문에 답변을 드리자면 대체적으로 querySelector를 많이 쓰게 됩니다.맞아요. getElementById 는 빠릅니다. 그리고 querySelector 나 getElementById 는 document 하위 노드에서도 쓸 수 있죠.하지만 ID는 전 문서 구조 통틀어서 유일해야 합니다. 범위를 잡고 쓰기엔 적합하지 않는다는 거죠.그래서 범위를 좁히고, 그 안에 class 든 뭐든 잡아서 querySelecor 로 잡습니다. 개인적인 경우니 그렇게 참고하면 됩니다.

초보자1212 · Answer

id 를 갖고 있을 땐 getElementById 를 쓰는 편이고 css 셀렉터를 갖고 있을 땐 querySelector 를 쓰는 편입니다

roggue2 · Answer

참조 : https://velog.io/&#64;chloeee/getElementById-%EA%B7%B8%EB%A6%AC%EA%B3%A0-querySelector-%EC%B0%A8%EC%9D%B4%EC%A0%90

범주 · Answer

보통 프레임워크 사용한 spa개발에서는 둘다 안쓰거나, 어플리케이션을 통틀어서 한두번 쓰는게 다라 그닥 신경안써요.직접돔조작 자체가 지양되는 분위기고, 하더라도 ref를 통해서 해요

getElement VS querySelector

4개의 답변

Q&A 목록