HTML DOM Element nextElementSibling 属性

定義と使用方法

nextElementSibling 属性は同じ木のレベルにある次の要素を返します。

nextElementSibling 属性は読み取り専用です。

別の情報も参照してください：

previousElementSibling 属性

children 属性

children 属性

firstElemenChild 属性

lastElementChild 属性

childElementCount 属性

HTML ノードと要素 HTML DOM（ドキュメントオブジェクトモデル）では、HTML ドキュメントは子ノード（または子ノードがない）を持つノード集合（またはない）です。

ノード要素ノード、テキストノード、およびコメントノードを指します。

要素要素間の空白もテキストノードです。

要素は要素ノードだけです。

同胞と要素同胞

同胞「兄弟」と「姉妹」です。

同胞同じ親ノードを持つノード（同じ childNodes リスト内）。

要素の同胞同じ親要素を持つ要素（同じ children リスト内）。

子ノードと子要素

childNodes 返します子ノード（要素ノード、テキストノード、およびコメントノード）。

children 返します子要素（テキストノードやコメントノードではなく）。

nextSibling と nextElementSibling

nextSibling 次のノード（要素ノード、テキストノード、またはコメントノード）。要素間の空白もテキストノードです。

nextElementSibling 次の要素（テキストノードやコメントノードは返しません）。

previousSibling と previousElementSibling

previousSibling 前のノード（要素ノード、テキストノード、またはコメントノード）。要素間の空白もテキストノードです。

previousElementSibling 前の要素（テキストノードやコメントノードは返しません）。

例

次の同胞の HTML 内容を返します：

let text = element.nextElementSibling.innerHTML;

実際に試してみてください

構文

element.nextElementSibling

返り値

タイプ 説明
要素 次の同胞要素。
null 次の同胞が存在しない場合。

ブラウザのサポート

element.nextElementSibling DOM レベル 3 (2004) の機能です。

すべてのブラウザが完全にサポートしています：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
サポート 9-11 サポート サポート サポート サポート