diff options
author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2022-03-08 23:45:35 +0900 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-03-08 23:45:35 +0900 |
commit | 6a0af615e351a75f1c837bf88d90b34ba81bf463 (patch) | |
tree | 814999680cd6a6ce2b1903678aeea8414fd14f62 /files/ja | |
parent | 07b1e49337d5fda31acf76572fd712b434493948 (diff) | |
download | translated-content-6a0af615e351a75f1c837bf88d90b34ba81bf463.tar.gz translated-content-6a0af615e351a75f1c837bf88d90b34ba81bf463.tar.bz2 translated-content-6a0af615e351a75f1c837bf88d90b34ba81bf463.zip |
2022/01/25 時点の英語版に基づき新規翻訳 (#4338)
Diffstat (limited to 'files/ja')
-rw-r--r-- | files/ja/web/api/element/previouselementsibling/index.md | 68 |
1 files changed, 68 insertions, 0 deletions
diff --git a/files/ja/web/api/element/previouselementsibling/index.md b/files/ja/web/api/element/previouselementsibling/index.md new file mode 100644 index 0000000000..510b6efcc7 --- /dev/null +++ b/files/ja/web/api/element/previouselementsibling/index.md @@ -0,0 +1,68 @@ +--- +title: Element.previousElementSibling +slug: Web/API/Element/previousElementSibling +tags: + - API + - DOM + - Element + - プロパティ + - 読み取り専用 + - リファレンス +browser-compat: api.Element.previousElementSibling +translation_of: Web/API/Element/nextElementSibling +--- +{{APIRef("DOM")}} + +**`Element.previousElementSibling`** は読み取り専用のプロパティで、この要素 ({{domxref("Element")}}) の親の子リスト内ですぐ前にある要素を返します。このノードがリストの最初のノードであった場合は `null` を返します。 + +## 構文 + +```js +// ゲッター +element = el.previousElementSibling; + +// セッターなし。読み取り専用プロパティ +``` + +## 例 + +```html +<div id="div-01">Here is div-01</div> +<div id="div-02">Here is div-02</div> +<li>This is a list item</li> +<li>This is another list item</li> +<div id="div-03">Here is div-03</div> + +<script> + let el = document.getElementById('div-03').previousElementSibling; + document.write('<p>Siblings of div-03</p><ol>'); + while (el) { + document.write('<li>' + el.nodeName + '</li>'); + el = el.previousElementSibling; + } + document.write('</ol>'); +</script> +``` + +この例は読み込み時に、ぺ0時に以下のような出力を行います。 + +``` +Siblings of div-03 + + 1. LI + 2. LI + 3. DIV + 4. DIV +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- {{domxref("Element.nextElementSibling")}} |