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