[TIL] 22.04.04

혼자 발버둥/TIL

couch 2022. 4. 4. 18:03

1. 'getElementsBy'로 시작하는 모든 메서드는 살아있는 컬렉션을 반환한다.

let divs = document.getElementsByTagName('div'); 선언 당시 div가 1개였지만, 이후 다른 div가 추가되고 그 뒤에 다른 곳에서 'divs'라는 변수를 호출했다면, 배열의 크기가 달라져 있을 것.

반면 let divs = document.querySelectorAll('div');의 경우 실행 당시의 배열로 고정된다.

2. 문서에 요소를 삽입하는 다양한 메소드

노마드코더 강의에서 자주 보던 .appendChild(node) 가 '더 이상 쓰기를 권장하지 않는 오래된 메소드'라고 하니까 조금 혼란이 오기는 하는데, 직접 코드를 짤 때 하나씩 써 보면서 익숙해져야겠다.