previousElementSibling 속성
previousElementSibling 속성은
같은 부모 내에 있는 이전 요소를
포함합니다. 해당 요소가 없는 경우
null이 반환됩니다.
구문
element.previousElementSibling;
예제
#elem 요소가 주어졌습니다.
위쪽 형제 요소의 텍스트를 출력해 봅시다:
<p>sibling</p>
<p id="elem">elem</p>
let elem = document.querySelector('#elem');
let text = elem.previousElementSibling.textContent;
console.log(text);
코드 실행 결과:
'sibling'
예제
위쪽 형제 요소가 없거나 우리 요소의 부모에
위치하지 않은 경우에도
null가 반환됩니다:
<p>sibling</p>
<div>
<p id="elem">elem</p>
</div>
let elem = document.querySelector('#elem');
console.log(elem.previousElementSibling);
코드 실행 결과:
null
함께 보기
-
아래쪽 형제 요소(다음 요소)를 포함하는 속성
nextElementSibling
