DOM

：

：

Node.nextSibling プロパティ

　編集：2022.10.28 by T.A.

[Edge]。読取専用。→、

Node の次の兄弟ノードを Node で返します。存在しない場合は null を返します。

構文
Node.nextSibling
Node Node。
値

Node、または null。

注記

mdn： Geckoベースのブラウザーはソース マークアップの中で空白を表現するためにテキスト ノードをドキュメントに挿入します。ですので、例えば Node.firstChild や Node.previousSibling で得られるノードが、作者が取得しようとした実際の要素ではなく、空白のテキストノードを参照していることがあります。

mdn： より多くの情報を得るには『』と『』を参照してください。

例

HTML： 

<SPAN>[SPAN要素]</SPAN>開始<SPAN id=IdTest>[SPAN要素。id=IdTest]</SPAN>終了<BR id=IdBr>

JavaScript： 

D=IdTest.nextSibling;
DA=IdBr.nextSibling;

得られた内容：D 

＝[object]：[object Text]
wholeText＝[string]：終了
assignedSlot＝[object]：null
splitText＝[function]：function splitText() { [native code] }
data＝[string]：終了
…

得られた内容：DA 

＝[object]：[object Text]
wholeText＝[string]：
assignedSlot＝[object]：null
splitText＝[function]：function splitText() { [native code] }
data＝[string]：
…

BR 要素の次は改行しているのでその内容が入る。

JavaScript： 

DA=IdBr.nextSibling.nextSibling;  //BR 要素の次の次。
	//＝[object]：null
テスト