querySelector 관련 질문

[Kwanyong]

안녕하세요 선생님

querySelector 관련 숙제 풀이보고 질문 드립니다.

 

저는 아래와 같이 작성하였는데

document.querySelector('.navbar-toggler').addEventListener('click', function(){
document.querySelector('.list-group').classList.toggle('show');
});

 

선생님 코드는 querySelectorAll을 써서 indexing 까지 되어있던데,

class가 list-group인 요소는 1개 밖에 없는데 저걸 쓰신 특별한 이유가 있을까요?

 

document.querySelector('.navbar-toggler').addEventListener('click', function(){
document.querySelectorAll('.list-group')[0].classList.toggle('show');
});

다양한 방법을 보여주려고 하신거같은데, 그냥 궁금해서 여쭤봅니다.

[codingapple]

querySelectorAll 은 항상 뒤에 [ ] 붙여서 써야 제대로 동작하는 문법이라 그렇습니다 

[글쓴이]

글