[JavaScript] querySelectorAll()로 받아온 모든 Node 조작하기


[JavaScript] querySelectorAll()로 받아온 모든 Node 조작하기

querySelectorAll() forEach() querySelectorAll()은 DOM API로, 매칭되는 웹페이지의 element를 모두 가져옵니다. tag name, atrritbutes, id, class 를 활용해 element를 가져올 수 있습니다. 여기서 중요한 사실은, querySelectorAll()는 nodeList를 return합니다. 그런데, NodeList는 array-like object입니다. 그렇기 때문에 forEach() method를 적용할 수 있어, 각각의 node들에 이벤트를 추가하거나 조작을 할 수 있습니다. 예) const trash_btns = document.querySelector('.trash') // class가 trash인 element를 모두 가져..


원문링크 : [JavaScript] querySelectorAll()로 받아온 모든 Node 조작하기