Javascript DOM 객체 조작 (Live, Static Collection)
2021. 1. 30.
DOM객체 조작을 공부 중에 유용한 정보를 찾게되어 포스팅하게 되었다. DOM 요소를 가져오기 위해 쓰이는 흔한 방법 중 document.querySelectorAll('#id or .class'); 은 NodeList라는 유사배열 객체에 담겨 반환된다. 대부분의 NodeList가 비정적(Live) 콜렉션인데 반해, querySelectorAll()로 가지고 온 NodeList는 정적(Static) 콜렉션이다. 때문에, querySelectorAll()로 가지고 온 NodeList는 우리가 조작한 DOM의 변경 사항이 실시간으로 반영되지 않는다. (실제로는 배열 내의 변화가 생겨도 변환되지 않은 상태 그대로 반환이 된다.) 또, document.querySelector('#id or .class').ch..