HTML DOM Element previousSibling 속성

정의와 사용법

previousSibling 속성은 Node 객체로 같은 트리 레벨의 이전 노드를 반환합니다.

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

주석:previousSibling 노드가 없으면 반환 값은 null.

주의:

previousSibling 이전 동료 노드 반환: 요소 노드, 텍스트 노드 또는 주석 노드.

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

대체 방안:

previousElementSibling 속성 - 返回前一个同胞元素（忽略文本和注释）。

另请参阅：

nextSibling 속성

firstChild 속성

lastChild 속성

childNodes 속성

hasChildNodes() 속성

HTML 노드와 요소

在 HTML DOM（文档对象模型）中，HTML 文档是拥有（或没有）子节点的节点集合。

노드指的是元素节点、文本节点和注释节点。

요소之间的空白也是文本节点。

요소는 요소 노드만입니다.

동종同胞과 요소 동종同胞

동종同胞는 "형제"와 " خواهر "입니다.

동종同胞는 동일한 부모 노드를 가진 노드(동일한 childNodes 리스트에 있습니다).

요소 동종同胞는 동일한 부모 요소를 가진 요소(동일한 children 리스트에 있습니다).

자식 노드와 자식 요소

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

children 반환자식 요소텍스트 노드와 주석 노드가 아닙니다.

nextSibling과 nextElementSibling

nextSibling 다음을 반환노드요소 노드, 텍스트 노드 또는 주석 노드.

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

previousSibling과 previousElementSibling

previousSibling 이전을 반환노드요소 노드, 텍스트 노드 또는 주석 노드.

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

예제

리스트 아이템의 이전 동종同胞의 HTML 내용을 반환합니다:

document.getElementById("item2").previousSibling.innerHTML;

직접 시도해 보세요

문법

element.previousSibling

또는

노드.previousSibling

반환 값

형식 설명
노드 노드의 이전 동종同胞 노드。
null 이전 동종同胞이 없으면。

브라우저 지원

element.previousSibling DOM Level 1 (1998) 기능입니다.

모든 브라우저에서 완전히 지원됩니다:

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