DOM 요소 선택에서 CSS선택자(querySelector())를 사용하는 이유?

Question

안녕하세요 이제 막 웹개발 공부 시작한 코린이입니다.DOM에 관한 공부를 하던 중에 클래스 이름으로 요소선택도 충분히 가능한데 왜 CSS선택자를 이용해서 요소선택을 하는지 궁금합니다.아래와 같은 HTML코드가 있을 때,

I am a Heading

I am a Paragraph

I am a Paragraph
I am a Paragraph
I am a Paragraph

아래는 클래스명을 이용한 요소선택const $container = document.getElementsByClassName("container"); 아래는 CSS선택자 중 클래스선택자를 이용한 요소선택const $container = document.querySelector(".container");위의 두 요소선택의 결과는 같은 결과가 나옵니다. CSS파일이 없음에도 불구하고 CSS선택자를 이용한 요소선택은 가능한 것인가요?또한 클래스를 이용한 요소선택이 있음에도 불구하고 CSS선택자를 이용한 요소선택을 최근 많이 사용하는 이유가 궁금합니다.

20170923 · Accepted Answer

1. 네 가능합니다.2. 범용적으로 쓸려구여

xml개발자 · Answer

개발인생 8년차인데 'css선택자'라는 용어를 처음들었네요.오늘 하나 배웠습니다.저는 그동안 그냥 '선택자'라고만 불렀거든요. 저는 주로 querySelector를 사용합니다.그 이유는 그냥 편하고 익숙해서입니다. 제이쿼리에서도 선택자를 같은 방식으로 사용하거든요.https://www.w3schools.com/jquery/trysel.asp

로를리앙 · Answer

querySelector가 클래스 포함 더 다양하게 선택자를 사용이 가능해서 요즘은 저걸로 더 많이 쓰는이유일까요 ㅋㅋ...getElementsByClassName 보다 querySelecter가 더 치기도 쉽고..(개인적..)

DOM 요소 선택에서 CSS선택자(querySelector())를 사용하는 이유?

3개의 답변

Q&A 목록