このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
Element: nextElementSibling プロパティ
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。
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
仕様書
| 仕様書 |
|---|
| DOM # ref-for-dom-nondocumenttypechildnode-nextelementsibling2 |
ブラウザーの互換性
ブラウザー互換性一覧表を表示するには、JavaScript を有効にしてください。