HTML DOM Element nextElementSibling 속성

정의와 사용법

nextElementSibling 속성은 동일한 트리 수준의 다음 요소를 반환합니다。

nextElementSibling 속성은 읽기 전용입니다。

다른 참조를 참조하세요：

previousElementSibling 속성

children 속성

firstElemenChild 속성

lastElementChild 속성

childElementCount 속성

HTML 노드와 요소

HTML HTML DOM（문서 객체 모델）에서, HTML 문서는 자식 노드를 가진 노드 집합입니다（또는 가지지 않습니다）。

노드는 요소 노드, 텍스트 노드 및 주석 노드를 의미합니다。

요소간의 공백도 텍스트 노드입니다。

요소는 단지 요소 노드입니다。

동급과 요소 동급

동급는 '형제'와 '자매'입니다。

동급는 동일한 부모 노드를 가진 노드입니다（동일한 childNodes 리스트에 포함됩니다）。

요소 동급는 동일한 부모 요소를 가진 요소입니다（동일한 children 리스트에 포함됩니다）。

자식 노드와 자식 요소

childNodes 반환자식 노드（요소 노드, 텍스트 노드 및 주석 노드）。

children 반환자식 요소（텍스트와 주석 노드가 아닌）

nextSibling과 nextElementSibling

nextSibling 다음노드（요소 노드, 텍스트 노드 또는 주석 노드）。요소 간의 공백도 텍스트 노드입니다。

nextElementSibling 다음요소（텍스트와 주석 노드는 반환되지 않습니다）。

previousSibling과 previousElementSibling

previousSibling 이전노드（요소 노드, 텍스트 노드 또는 주석 노드）。요소 간의 공백도 텍스트 노드입니다。

previousElementSibling 이전요소（텍스트와 주석 노드는 반환되지 않습니다）。

예제

다음 동급 형제의 HTML 내용을 반환합니다:

let text = element.nextElementSibling.innerHTML;

직접 시도해 보세요

문법

element.nextElementSibling

반환 값

타입 설명
요소 다음 동급 형제 요소.
null 다음 동급 형제가 없으면.

브라우저 지원

element.nextElementSibling DOM Level 3 (2004) 기능입니다.

모든 브라우저가 완전히 지원합니다:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
지원 9-11 지원 지원 지원 지원