inflearn logo
강의

Course

Instructor

[Renewal] ZeroCho's Introduction to JavaScript: Coding Self-Study

Selecting HTML tags (querySelector)

id와 클래스 관련해서 질문 있습니다!

309

bs k

22 asked

0

예를 들어 button 태그 3개에 클래스 네임을 동일하게 'class'라고 주었을 때 document.querySelector('.class')로 선택하면 태그는 하나만 선택이 됩니다. querySelectorAll을 하면 3개의 태그가 모두 선택이 되구요 근데 id로도 테스트를 해보니까 클래스와 동일한 결과가 나왔습니다. 그렇다면 id와 클래스 사이에 기능적으론 특별한 차이점이 없는 거 아닌가요?

javascript

Answer 2

1

zerocho

id는 querySelectorAll로 선택할 때 첫번째 껏밖에 선택되지 않습니다.

0

bs k

근데 querySelectAll 했을 때 결과가 이렇게 나오니까 헷갈리네요 하나만 나와야 하는데 왜 length가 2로 나오나요?

0

zerocho

아, 저렇게 하면 두개가 나오는 건 맞습니다. js단에서는요. 다만 html에서 id가 겹치는 게 있는 게 문제입니다

0

bs k

그러면 클래스와는 다르게 id는 querySelectorAll로 동일한 id명으로 여러개를 한번에 '조작'하는게 불가능한건가요?

0

zerocho

가능하지만 동일한 id를 사용하는 것 자체가 문제입니다

0

bs k

이 부분은 제가 HTML/CSS 선택자에 대해서 따로 공부를 해봐야겠네요 답변 감사합니다! 

0

bekinbum9513

id = 유일한 녀석 = 거의 스크립트용으로 씀.

class = 뭘 어떻게 해도 괜찮은 녀석 = 마크업(퍼블)용으로 씀.

자바스크립트 입문 강의 재생 안됨

0

76

2

쿵쿵따 조건문 질문입니다.

0

71

2

렛츠가릿 자바스트립트와 공유가 되나요

0

76

1

수강을 하기 전 공부순서에 관한 질문이 있습니다.

1

100

2

안녕하세요

0

101

2

1~45 필터링하는 코드에서 find대신 some써주는게 나을거같습니다.

1

76

2

고차 함수 작성법과 수업 진도 관련한 질문

0

80

3

break와 continue 9:55 내 continue 구문 질문

0

153

2

옵셔널 체이닝 적당한 깊이는 어느 정도인가요?

0

121

2

로또 추첨기 중 입력값을 검사할 때

0

135

2

2-14.else,else if,switch 관련 질문입니다.

0

107

2

가위바위보 이미지(rsp.png)가 안보여요

0

262

3

Math.random() 에 9을 곱하는 이유

0

172

4

클로저 관련해서 질문있습니다.

1

186

2

유튜브 댓글 보고 왔습니다!- 퀴즈 중복된 숫자 검사 for 문

0

246

1

event.target.textContent관련 질문

0

273

2

객체 참조 관련 질문

0

179

1

-2+ -2 = -4 음수 더하기 음수 - 셀프체크 계산기

0

464

1

별찍기 마름모 문제입니다.

0

351

2

숙제 질문

0

216

1

5강 async/await으로 가독성 높이기에서

0

228

1

야구게임 관련 질문입니다

0

185

1

쿵쿵따, 계산기에서 변수 선언

0

180

1

지뢰 힌트 사라짐(대괄호)

0

165

1