속성 nextElementSibling

속성 nextElementSibling은 동일한 부모 내에 있는 다음 요소를 포함합니다. 해당 요소가 없는 경우 - null이 반환됩니다.

구문

javascriptelement.nextElementSibling;

예시

요소 #elem가 주어졌습니다. 해당 요소의 아래쪽 이웃 요소의 텍스트를 출력해 봅시다:

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

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

console.log(text);

코드 실행 결과:

javascript'sibling'

예시

아래쪽 이웃 요소가 없거나 우리 요소의 부모에 위치하지 않는 경우에도 null이 반환됩니다:

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

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

코드 실행 결과:

javascriptnull

참고 항목