querySelectorAll()을 사용할 때 querySelector가 첫 번째 요소만 선택하는 이유는 무엇입니까?

querySelector가 첫 번째 요소만 선택하는 이유는 무엇이며 어떻게 해결할 수 있나요?

선택기에서 querySelectorAll() 메서드를 사용할 때 여러 요소를 선택하면 노드 목록이 반환됩니다.

제공된 코드에서는 querySelectorAll()을 사용하여 "weekdays" 클래스가 있는 모든 요소를 ​​선택합니다. 문제는 코드 뒷부분에서 querySelector()를 사용하여 목록의 첫 번째 요소만 대상으로 하는 이벤트 리스너를 목록의 각 요소에 추가한다는 것입니다.

이 문제를 해결하려면 다음을 사용해야 합니다. forEach()를 사용하여 목록의 각 요소를 반복하고 각 요소에 이벤트 리스너를 추가합니다.

업데이트된 코드는 다음과 같습니다.

document.querySelectorAll(".weekdays").forEach(elem => elem.addEventListener("click",
 () => {
    document.querySelector(".bg-modal").style.display = "flex";
  }));

위 내용은 querySelectorAll()을 사용할 때 querySelector가 첫 번째 요소만 선택하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!