HTML DOM NodeList forEach() 메서드

정의와 사용법

forEach() 메서드는 NodeList의 각 노드에 대해 콜백 함수를 실행합니다。

예제

예제 1

문서의 각 자식 노드에 대해 함수를 실행합니다：

const list = document.body.childNodes;
list.forEach(
  function(node, index) {
    text += index + " " + node;
  }
);

직접 테스트해 보세요

예제 2

문서 자식 노드의 이름을 나열합니다：

const list = document.body.childNodes;
list.forEach(
  function(node) {
    text += node.nodeName;
  }
);

직접 테스트해 보세요

예제 3

문서 자식 노드의 타입을 나열합니다：

const list = document.body.childNodes;
list.forEach(
  function(node) {
    text += node.nodeType;
  }
);

직접 테스트해 보세요

문법

nodelist.forEach(function(currentValue, index, arr), thisValue)

파라미터

파라미터 설명
function() 필수. 각 노드에 대해 실행되는 함수입니다.
currentValue 필수. 현재 노드의 값입니다.
index 선택 사항. 현재 노드의 인덱스입니다.
arr 선택 사항. 현재 노드의 NodeList입니다.
thisValue

선택 사항. 기본적으로 undefined입니다.

함수에 전달되는 this 값으로 사용됩니다.

반환 값

없음。

브라우저 지원

nodelist.forEach()는 DOM Level 4 (2015) 기능입니다.

모든 최신 브라우저에서 지원됩니다：

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
지원 지원 지원 지원 지원

Internet Explorer 11(또는 이전 버전)는 nodelist.forEach()를 지원하지 않습니다.

관련 페이지

length 속성

entries() 메서드

item() 메서드

keys() 메서드

values() 메서드

NodeList 객체

childNodes() 메서드

querySelectorAll() 메서드

getElementsByName() 메서드