DOM

：

：

CSSPseudoElement.element プロパティ

　編集：2022.10.25 by T.A.

[Edge]⛌。読取専用 実験的。→、、

実験的: これは実験的な技術です。これを本番環境で使用する前に、ブラウザーの互換性表を注意深く確認してください。

疑似要素の元の要素への参照を返します。つまり、その親要素です。

構文
CSSPseudoElement.element
CSSPseudoElement CSSPseudoElement
値

疑似要素の元の要素を表す Element。

例
mdnより

次の例は、CSSPseudoElement.element と Element.pseudo() の関係を示しています。 

const myElement = document.querySelector('q');
const cssPseudoElement = myElement.pseudo('::after');
const originatingElement = cssPseudoElement.element;

console.log(myElement === originatingElement);                  // Outputs true
console.log(myElement.parentElement === originatingElement);    // Outputs false
console.log(myElement.lastElementChild === cssPseudoElement);   // Outputs false
console.log(myElement.lastChild === cssPseudoElement);          // Outputs false
console.log(myElement.nextElementSibling === cssPseudoElement); // Outputs false
console.log(myElement.nextSibling === cssPseudoElement);        // Outputs false

以下のCSSが組み込んであります： 


 
HTML：
 
開始<Q class=Test id=IdTest>Q要素</Q>終了<BR>
<SPAN id=IdLog></SPAN>


 
JavaScript：
 
D=IdTest.pseudo('::before');


 
IdTest.pseudo() が非対応のようです。
 
→HTMLQuoteElement、HTMLElement、Element：これらのインターフェイスに pseudo() が見当たらない。









テスト