HTML DOM Element nextSibling 属性

定義と用法

nextSibling 属性は同一階層の次のノードを返します。

nextSibling 返されるのは Node オブジェクトです。

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

注意

nextSibling 次の同胞ノードを返します：要素ノード、テキストノード、またはコメントノード。

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

替代方案：

代替案： nextElementSibling 属性 nextElementSibling -

次の同胞要素を返します（テキストノードやコメントノードを無視）。

参照してください：

previousSibling 属性

firstChild 属性

lastChild 属性

childNodes 属性

hasChildNodes() メソッド

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

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

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

そして要素はただの要素ノードです。

同胞と要素同胞

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

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

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

子ノードと子要素

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

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

nextSibling と nextElementSibling

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

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

previousSibling と previousElementSibling

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

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

例

リスト項目の次の同胞の HTML 内容を返します：

document.getElementById("item1").nextSibling.innerHTML;

実際に試してみる

文法

element.nextSibling

または

node.nextSibling

返り値

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

ブラウザのサポート

element.nextSibling DOM レベル 1 (1998) の機能です。

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

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