[DOM] NodeList 객체란?

 

NodeList 객체란?

NodeList 객체는 DOM의 요소들을 나타내는 컬렉션입니다.

이 객체는 배열과 유사한 특성을 가지고 있으며, NodeList 내의 각 항목은 DOM 요소에 대한 참조입니다.

 

일반적으로 NodeList는 querySelectorAll() 또는 getElementsByTagName()과 같은 DOM 메서드의 반환 값으로 사용됩니다.

NodeList는 실제 배열이 아니지만, 유사 배열 형태로 요소에 접근할 수 있는 방법을 제공합니다.

 

 

NodeList 객체의 특징

1. 컬렉션: NodeList는 DOM 요소의 컬렉션입니다. 여러 개의 요소를 담고 있으며, 각 요소에는 인덱스를 통해 접근할 수 있습니다.
2. 반복 가능: NodeList는 for...of 반복문을 사용하여 각 요소를 순회할 수 있습니다.
3. 길이 속성: NodeList는 .length 속성을 통해 요소의 개수를 확인할 수 있습니다.
4. 인덱스 접근: NodeList의 각 요소는 인덱스를 사용하여 접근할 수 있습니다. 예를 들어, nodeList[0]과 같은 방식으로 첫 번째 요소에 접근할 수 있습니다.
5. Array.from() 또는 spread 연산자 사용: NodeList를 실제 배열로 변환하려면 Array.from(nodeList) 또는 [...nodeList]와 같은 방법을 사용할 수 있습니다.

 

NodeList는 배열과 유사하지만, 배열의 모든 메서드를 지원하지는 않습니다.

배열 메서드 중에서는 .forEach(), .item(), .forEach(), .entries(), .keys(), .values() 등을 사용할 수 있습니다.

그러나 .push(), .pop(), .splice() 등과 같은 일부 메서드는 사용할 수 없습니다.

 

 

더 알아보기

NodeList - Web API | MDN