Element:nextElementSibling

(Web API > Element)
https://developer.mozilla.org/ja/docs/Web/API/Element/nextElementSibling

ElementオブジェクトのnextElementSiblingは次の要素を取得するプロパティである。
「次」とは具体的に、同じ親要素を持って隣接する次の要素である。テキストノード、コメントノードは含まない。次の要素がない場合、nullが返る。
似たプロパティにnextSiblingがある。nextSiblingとnextElementSiblingの違いは、「取得するのにテキストノード、コメントノードを考慮するか否か」である。

<ul>
  <li>要素1</li>
  <li id="target">要素2</li>
  <li>要素3</li>
</ul>
// 2つ目のli要素を取得
var liElement = document.getElementById( "target" ) ;
// 次の要素を取得 ( → <li>要素3</li> )
var nextElementSibling = liElement.nextElementSibling ;

2つ目のli要素のnextElementSiblingプロパティには、3つ目のli要素が含まれている。ul要素という同じ要素を親に持つ、次の位置に隣接する要素ということになる。3つ目の要素のnextElementSiblingプロパティには、次の要素がないのでnullが含まれる。

inserted by FC2 system