DOM

：

：

Element.nextElementSibling プロパティ

　編集：2022.09.20 by T.A.

[Edge]。読取専用。→

element の次の兄弟要素を Element で返します。

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

構文
element.nextElementSibling
element Element オブジェクト。
値

Element オブジェクト。

例

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要素]
	//…
テスト