인프런 커뮤니티 질문&답변

작성한 질문수

몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]

태그네임과 클래스 네임에 인덱스 번호를 붙이는 이유??

작성

438

안녕하세요 궁금한 점이 있습니다.

TagName과 ClassName 을 쓸 경우 뒤에 [0]처럼

인덱스 번호를 적용해주는데

왜 인덱스 번호를 적용해주어야 하나요??

선택자가 다수일 수 있어서 그런가요??

h1에 아이디값을 준 후, getElementById 로 적용을 하면

인덱스 번호 지정없이도 적용이 되서요..

답변 1

지식공유자

안녕하세요

var itemAll = document.getElementByClassName("name")

같은 클래스가 다수일 경우 nodeList로 반환을 해줍니다.

테스트로 같은 클래스명을 여러개 넣고 테스트 해보세요.

alert(itemAll.length)

itemAll[0] , itemAll[1] ... 이렇게 가져와서 사용 가능합니다.

그 외에도 여러가지 선택자가 있습니다.

document.querySelector(selectors); 는 첫번째 셀렉터를 가져옵니다. 그래서 [0] 이 필요없습니다.

같은 변수명이나 태그가 여러개 있다면

document.querySelectorAll(selectors)[0]; 이런식으로 사용합니다.

질문자

이해가 되었습니다, 답변 감사합니다 !

작성한 질문수