diff options
author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2022-03-08 23:45:15 +0900 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-03-08 23:45:15 +0900 |
commit | 07b1e49337d5fda31acf76572fd712b434493948 (patch) | |
tree | f11b2162153bb615c1d73cf39e97efc6c6b40549 | |
parent | 437cf8ebd65086548ea53d138e7ed2e9f3fffb94 (diff) | |
download | translated-content-07b1e49337d5fda31acf76572fd712b434493948.tar.gz translated-content-07b1e49337d5fda31acf76572fd712b434493948.tar.bz2 translated-content-07b1e49337d5fda31acf76572fd712b434493948.zip |
2022/01/24 時点の英語版に基づき新規翻訳 (#4337)
-rw-r--r-- | files/ja/web/api/element/nextelementsibling/index.md | 59 |
1 files changed, 59 insertions, 0 deletions
diff --git a/files/ja/web/api/element/nextelementsibling/index.md b/files/ja/web/api/element/nextelementsibling/index.md new file mode 100644 index 0000000000..ea24a59878 --- /dev/null +++ b/files/ja/web/api/element/nextelementsibling/index.md @@ -0,0 +1,59 @@ +--- +title: Element.nextElementSibling +slug: Web/API/Element/nextElementSibling +tags: + - API + - DOM + - Element + - プロパティ +browser-compat: api.Element.nextElementSibling +translation_of: Web/API/Element/nextElementSibling +--- +{{APIRef("DOM")}} + +**`Element.nextElementSibling`** は読み取り専用のプロパティで、この要素の親の子リスト内ですぐ次にある要素を返します。このノードがリストの最後のノードであった場合は `null` を返します。 + +## 構文 + +```js +// ゲッター +element = el.nextElementSibling; + +// セッターなし。読み取り専用プロパティ +``` + +## 例 + +```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> +``` + +この例は読み込み時に、コンソールに以下のような出力を行います。 + +``` +Siblings of div-01: +DIV +SCRIPT +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- {{domxref("Element.previousElementSibling")}} |