HTML DOM previousElementSibling 속성

HTML DOM Element 객체

previousElementSibling읽기 전용 속성은 같은 트리 레벨에서, 지정된 요소의 이전 요소를 반환합니다。

이전同级 요소가 없으면 이 속성은null。

사용nextElementSibling속성은 지정된 요소의 다음 요소를 반환합니다。

사용children속성은 지정된 요소의 모든 자식 요소를 반환합니다。

문법：

element.previousElementSibling

var x = document.querySelector("#div-2").previousElementSibling.innerHTML;

브라우저 호환성

표中的 숫자는 previousElementSibling 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다：

기술 세부 사항

더 많은 예제

두 번째 DIV 요소의 이전 형제의 HTML 내용을 변경합니다：

var div = document.querySelector("#div-2)
div.previousElementSibling.innerHTML = "HELLO WORLD";

두 번째 DIV 요소의 이전 동급의 배경색을 변경합니다：

var div = document.querySelector("#div-2)
div.previousElementSibling.style.backgroundColor = "coral";

관련 참조

HTML DOM 참조:children 속성

HTML DOM 참조:nextElementSibling 속성

HTML DOM Element 객체