nextSibling

nextSibling

같은 모체 속에 있는 다음 형제 객체를 반환한다.

jquery 의 next() 와 같은 기능을 한다.

또한 jquery의 nextSibling()은 같은 모체 속에 있는 모든 형제 객체를 반환한다.

주의!

nextSibling은 공백이나 줄바꿈도 하나의 노드로 인식하기 때문에 이벤트객체와 타겟객체 사이를 이어서 표현해 주어야 한다.

아니면 nextSibling.nextSibling 으로 표현하면 제대로 객체를 반환한다.

ex)

<button type="button" onclick="this.nextSibling.style.display.block">버튼</button><div>버튼을클릭했을때 모이는 레이어</div>

<button type="button" onclick="this.nextSibling.nextSibling.style.display.block">버튼</button>
<div>버튼을클릭했을때 모이는 레이어</div>