js에서 선택자 기능을 가진 querySelector()와 getElementByID()

JS/Vanilla.Js · 2020. 11. 2. 13:39
728x90

querySelector와 getElementByID는 모두 html에 있는 엘레먼트 객체를 스크립트에 불러올 수 있다.

다만 차이점은 querySelector는 엘레먼트를 더 구체적이고 한정적이게 선택할 수 있다는 것이다.

 

querySelector는 제이쿼리로 따지자면 $("객체")로 볼 수 있다.

 

최근에는 getElement보다는 querySelector를 많이 쓰는 추세다.

<script>
document.querySelector("body");
document.querySelector(".class");
document.querySelector("#id");
document.querySelector("[name]");
</script>
<body id="id" class="class" name="name">TEST</body>

querySelector는 위 코드와 같이 쓸 수 있다.

728x90

'JS > Vanilla.Js' 카테고리의 다른 글

[javascript] 단어 순서 바꾸기  (0) 2023.02.01
사파리(safari)에서 new Date() 관련 이슈  (0) 2022.11.18
정규표현식 정리  (0) 2021.12.08
Copyright © Nana
levup