HTML DOM nextElementSibling 속성

nextElementSibling속성은 요소 노드 이후에紧接着의 형제 요소 노드만 반환합니다(텍스트 노드, 주석 노드는 포함하지 않습니다)；

다음 요소가 동일 수준에 없다면, 이 속성은null。

사용previousElementSibling속성은 지정된 요소의 이전 요소를 반환합니다。

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

문법：

element.nextElementSibling

예제

var x = document.querySelector("#div-1.nextElementSibling.innerHTML;

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

속성
nextElementSibling	2	3.5	10	4	9

반환 값:	Node 객체를 나타내는 하나의 객체; 다음 동급 요소가 없으면null
DOM 버전:	DOM 레벨3

첫 번째 DIV 요소의 다음 동급 요소의 HTML 내용을 변경합니다:

예제

var div = document.querySelector("#div-1)
div.nextElementSibling.innerHTML = "HELLO WORLD";

첫 번째 DIV 요소의 다음 동급 요소의 배경색을 변경합니다:

예제

var div = document.querySelector("#div-1)
div.nextElementSibling.style.backgroundColor = "coral";