HTML DOM Element previousElementSibling 속성

정의와 사용법

previousElementSibling 속성은 동일한 트리 레벨의 이전 요소를 반환합니다.

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

추가 참조:

nextElementSibling 속성

children 속성

firstElemenChild 속성

lastElemenChild 속성

childElementCount 속성

HTML 노드와 요소

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

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

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

요소는 요소 노드입니다.

동생과 요소 동생

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

동생는 같은 부모 노드를 가진 노드입니다（같은 childNodes 리스트에）。

요소 동생는 같은 부모 요소를 가진 요소입니다（같은 children 리스트에）。

자식 노드와 자식 요소

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

children 반환자식 요소（텍스트와 주석 노드 대신）。

nextSibling과 nextElementSibling

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

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

previousSibling과 previousElementSibling

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

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

예제

이전 동생의 HTML 내용을 반환합니다:

let text = element.previousElementSibling.innerHTML;

직접 시도해 보세요

문법

element.previousElementSibling

반환 값

타입 설명
요소 이전 동생 요소
null 이전 동생이 없으면.

브라우저 지원

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

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

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