Element: nextElementSibling プロパティ
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Element.nextElementSibling
は読み取り専用のプロパティで、この要素の親の子リスト内ですぐ次にある要素を返します。このノードがリストの最後のノードであった場合は null
を返します。
値
Element
オブジェクト、または null
です。
例
html
<div id="div-01">Here is div-01</div>
<div id="div-02">Here is div-02</div>
<script>
let el = document.getElementById("div-01").nextElementSibling;
console.log("Siblings of div-01:");
while (el) {
console.log(el.nodeName);
el = el.nextElementSibling;
}
</script>
この例は読み込み時に、コンソールに以下のような出力を行います。
Siblings of div-01: DIV SCRIPT
仕様書
Specification |
---|
DOM Standard # ref-for-dom-nondocumenttypechildnode-nextelementsibling② |
ブラウザーの互換性
BCD tables only load in the browser