DOM

CSSPseudoElement.type プロパティ

 編集:2022.10.25 by T.A.

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

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

疑似要素の型を文字列として返します。CSS セレクターの形式で表されます。

構文
CSSPseudoElement.type
CSSPseudoElement CSSPseudoElement

次のいずれかの値の文字列:

::before
::after
::marker
mdnより

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

const myElement = document.querySelector('q');
const mySelector = '::after';
const cssPseudoElement = myElement.pseudo(mySelector);
const typeOfPseudoElement = cssPseudoElement.type;

console.log(mySelector === typeOfPseudoElement); // Outputs true

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


 

HTML:

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

JavaScript:

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

IdTest.pseudo() が非対応のようです。

HTMLQuoteElementHTMLElementElement:これらのインターフェイスに pseudo() が見当たらない。


テスト