nodeList에는 그냥 onclick 이벤트가 실행이 안되나요?

Question

안녕하세요. 현재 개발 공부하고 있는데 querySelectorAll로 반환을 하니 nodeList로 반환이 되었는데 onclcik 이벤트가 실행이 안됩니다. 혹시 알고 계시는 고수분들은 답변 부탁 드리겠습니다.

킹포링 (INTP) · Answer

querySelectorAll() 메서드로 반환된 결과는 NodeList 객체입니다. NodeList는 배열과 유사하게 동작하지만, 실제로 배열이 아니기 때문에 배열 메서드를 사용할 수 없습니다.따라서, NodeList에서 onclick 이벤트를 사용하려면 각각의 요소에 대해 이벤트 리스너를 등록해야 합니다. 이를 위해서는 forEach() 메서드나 for문을 사용하여 각각의 요소에 대해 이벤트 리스너를 등록해야 합니다.아래는 forEach() 메서드를 사용하여 NodeList의 모든 요소에 onclick 이벤트 리스너를 등록하는 예시입니다.const elements &#61; document.querySelectorAll('.my-class'); elements.forEach(element &#61;> { element.onclick &#61; () &#61;> { console.log('click event'); } });이렇게 각각의 요소에 대해 이벤트 리스너를 등록하면 NodeList에서도 onclick 이벤트를 실행할 수 있습니다.

컴포지트 · Answer

nodeList 는 말 그대로 list 이기 때문에 DOM 속성이 없습니다따라서 이벤트 주려면 반복문 쓰거나 forEach 등의 각각 제공해주는 메소드 등으로 각각 줘야 합니다.예)document.querySelectorAll('.something').forEach(elem &#61;> elem.addEventListener('click', 클릭이벤트함수))

nodeList에는 그냥 onclick 이벤트가 실행이 안되나요?

2개의 답변

#onclick 목록