0601_TIL_js에서 DOM 제어하기

NodeList와 HTMLCollection

 

let card = document.querySelectorAll('.movie-list');
  console.log(card);
  card.forEach((a) => {
    console.log(a);
  });

문제 발생

NodeList는 NodeList 고유의 메소드인 forEach 사용 가능

HTMLCollection은 배열 메소드 사용 불가

 

알게된 점

아무래도 NodeList는 정적

HTMLCollection은 동적인 유사 배열이라 배열 메소드를 사용하지 못한다인줄 알았으나

NodeList에는 고유한 메소드가 있어서 forEach가 사용됐던 것이었다!

 

HTMLCollection vs NodeList 둘의 차이를 알고 있나요?

 

 

[TIL / JavaScript] NodeList

 

target과 currentTarget

 

target과 currentTarget, 차이가 뭘까?(feat.자바스크립트) - WORLD IS WIDE

 

DOM에 HTML을 추가하는 메서드 3가지

• innerHTML
• insertAdjacentHTML
• append

 

[DOM] innerHTML vs insertAdjacentHTML vs appendChild 비교

 

CSS grid

 

이번에야말로 CSS Grid를 익혀보자