From a28a76f7356938f4317d45b94815bf0423fd0a2e Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Wed, 25 Oct 2023 00:29:26 +0900 Subject: [PATCH] =?UTF-8?q?2023/04/07=20=E6=99=82=E7=82=B9=E3=81=AE?= =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?= =?UTF-8?q?=E6=96=B0=E8=A6=8F=E7=BF=BB=E8=A8=B3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../web/api/csspseudoelement/element/index.md | 44 +++++++++++++++++++ 1 file changed, 44 insertions(+) create mode 100644 files/ja/web/api/csspseudoelement/element/index.md diff --git a/files/ja/web/api/csspseudoelement/element/index.md b/files/ja/web/api/csspseudoelement/element/index.md new file mode 100644 index 00000000000000..42f72d476aea69 --- /dev/null +++ b/files/ja/web/api/csspseudoelement/element/index.md @@ -0,0 +1,44 @@ +--- +title: "CSSPseudoElement: element プロパティ" +short-title: element +slug: Web/API/CSSPseudoElement/element +l10n: + sourceCommit: d76defab4ca13261e9de81ae1df125345f847b0a +--- + +{{APIRef}}{{SeeCompatTable}} + +**`element`** は {{DOMxRef('CSSPseudoElement')}} インターフェイスの読み取り専用のプロパティで、擬似要素の元要素、言い換えれば親要素への参照を返します。 + +## 値 + +この擬似要素の元要素を表す {{DOMxRef('Element')}} です。 + +## 例 + +下記の例は、 `CSSPseudoElement.element` と {{DOMxRef('Element.pseudo()')}} の関係を示しています。 + +```js +const myElement = document.querySelector("q"); +const cssPseudoElement = myElement.pseudo("::after"); +const originatingElement = cssPseudoElement.element; + +console.log(myElement === originatingElement); // true を出力 +console.log(myElement.parentElement === originatingElement); // false を出力 +console.log(myElement.lastElementChild === cssPseudoElement); // false を出力 +console.log(myElement.lastChild === cssPseudoElement); // false を出力 +console.log(myElement.nextElementSibling === cssPseudoElement); // false を出力 +console.log(myElement.nextSibling === cssPseudoElement); // false を出力 +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- {{DOMxRef('Element.pseudo()')}}