DOM

：

：

NonDocumentTypeChildNode.nextElementSibling プロパティ

　編集：2022.11.10 by T.A.

[Edge]。読取専用。→、

NonDocumentTypeChildNode の次の兄弟要素を Element で返します。該当が無い場合は nullとなります。

mdn： 親の子リストで指定された要素の直後の要素を返します。指定された要素がリストの最後の要素である場合は null を返します。

構文
NonDocumentTypeChildNode.nextElementSibling
NonDocumentTypeChildNode Element、CharacterData オブジェクト。
値

Element オブジェクト。

例
／mdn

HTML： 

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

<script type="text/javascript">
  let el = document.getElementById('div-01').nextElementSibling;
  console.log('Siblings of div-01:');
  while (el) {
    console.log(el.nodeName);
    el = el.nextElementSibling;
  }
</script>

HTML： 

<SPAN>[SPAN要素：テキスト１<B>[B要素]</B>テキスト２<I id=IdTest>[I要素]</I>テキスト３<EM>[EM要素]</EM>テキスト４]</SPAN>

JavaScript： 

D=IdTest.nextElementSibling //＝[object]：[object HTMLElement]
	//title＝[string]：
	//lang＝[string]：
	//…
	//offsetTop＝[number]：1421
	//offsetLeft＝[number]：519
	//offsetWidth＝[number]：81
	//offsetHeight＝[number]：19
	//innerText＝[string]：[EM要素]
	//…
テスト