previousElementSibling 속성

previousElementSibling 속성은 같은 부모 내에 있는 이전 요소를 포함합니다. 해당 요소가 없는 경우 null이 반환됩니다.

구문

javascriptelement.previousElementSibling;

예제

#elem 요소가 주어졌습니다. 위쪽 형제 요소의 텍스트를 출력해 봅시다:

html<p>sibling</p>
<p id="elem">elem</p>

javascriptlet elem = document.querySelector('#elem');
let text = elem.previousElementSibling.textContent;

console.log(text);

코드 실행 결과:

javascript'sibling'

예제

위쪽 형제 요소가 없거나 우리 요소의 부모에 위치하지 않은 경우에도 null가 반환됩니다:

html<p>sibling</p>
<div>
  <p id="elem">elem</p>
</div>

javascriptlet elem = document.querySelector('#elem');
console.log(elem.previousElementSibling);

코드 실행 결과:

javascriptnull

함께 보기