HTML DOM Element nextSibling 속성

정의와 사용법

nextSibling 속성은 동일 계층 수준의 다음 노드를 반환합니다.

nextSibling 반환하는 것은 Node 객체입니다.

nextSibling 속성은 읽기 전용입니다.

주의

nextSibling 다음 동일 계층 요소를 반환합니다: 요소 노드, 텍스트 노드 또는 주석 노드.

요소 사이의 공백도 텍스트 노드입니다.

대체 방법：

nextElementSibling 속성 - nextElementSibling 다음 형제 요소를 반환합니다（텍스트와 주석을 무시합니다）。

另请参阅：

previousSibling 속성

firstChild 속성

lastChild 속성

childNodes 속성

hasChildNodes() 메서드

HTML 노드와 요소

HTML HTML DOM文档对象模型）에서, HTML 문서는 자식 노드를 가진 노드 집합입니다（또는 가지지 않습니다）。

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

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

형제는 요소 노드만입니다。

형제와 요소 형제

형제형제와 형제 요소

형제이는 같은 부모 노드를 가진 노드（같은 childNodes 리스트에 있습니다）。

요소 형제이는 같은 부모 요소를 가진 요소（같은 children 리스트에 있습니다）。

자식 노드와 자식 요소

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

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

nextSibling과 nextElementSibling

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

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

previousSibling과 previousElementSibling

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

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

예제

리스트 항목의 다음 형제 요소의 HTML 내용을 반환합니다：

document.getElementById("item1").nextSibling.innerHTML;

직접 테스트해 보세요

문법

element.nextSibling

또는

node.nextSibling

반환 값

타입 설명
노드 요소의 다음 형제 요소。
null 다음 형제 요소가 없으면。

브라우저 지원

element.nextSibling 이는 DOM Level 1 (1998) 기능입니다。

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

크롬 IE 에지 파이어폭스 사파리 오페라
크롬 IE 에지 파이어폭스 사파리 오페라
지원 9-11 지원 지원 지원 지원