티스토리 뷰

Javascript

DOM - Collection (Live vs. Static)

lluna 2021. 11. 7. 22:21
Live Collection Static Collection
문서가 바뀔 때 실시간으로 업데이트 됨 업데이트 x
DOM 변경 사항을 실시간으로 반영 DOM 이 변경되어도 collection 영향 x
HTMLCollection, NodeList queryselectorAll() 로 반환된 NodeList

 

liveNodes 는 라이브 콜렉션, nonLiveNodes는 논-라이브 콜렉션이다.

liveNodes의 경우 class 가 'red'로 변하며, 그때마다 DOM에 반영된다. 

따라서 i = 1 일 때, 요소가 2개이므로 하나 건너뛰고 빨갛게 변한다.

 

저작자표시 비영리 변경금지

'Javascript' 카테고리의 다른 글

간단한 Todo 구현하기  (0) 2021.11.08
event.preventDefault()  (0) 2021.11.07
for loop vs. forEach()  (0) 2021.11.07
DOM 조작 메서드 비교  (0) 2021.11.07
DOM  (0) 2021.11.07
댓글