指定した要素の親の子(兄弟)のリスト内で、すぐ次に続く要素を返します。もし、指定した要素がリスト内で最後の要素であればnullを返します。読み取り専用のプロパティです。

文法

var nextNode = elementNodeReference.nextElementSibling;

例

<div id="div-01">Here is div-01</div>
<div id="div-02">Here is div-02</div>

<script type="text/javascript">
  var el = document.getElementById('div-01').nextElementSibling;
  document.write('<p>Siblings of div-01</p><ol>');
  while (el) {
    document.write('<li>' + el.nodeName + '</li>');
    el = el.nextElementSibling;
  }
  document.write('</ol>');
</script>

この例は読み込まれると、ページ内に下記のように出力されます。

Siblings of div-01

   1. DIV
   2. SCRIPT
   3. P
   4. OL

仕様

ブラウザ互換性

[1] Firefox 25ではDocumentTypeにもこのプロパティが追加され、 Firefox 28で互換性の問題のために削除されました。

関連項目

• The ParentNode and ChildNode pure interfaces.
• Object types implementing this pure interface: Document, Element, and DocumentFragment.

 Back to top