CSSPseudoElement: element-Eigenschaft
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.
Die schreibgeschützte element-Eigenschaft des CSSPseudoElement-Interfaces gibt eine Referenz auf das letztendliche Ursprungselement des Pseudo-Elements zurück.
Dies unterscheidet sich von der CSSPseudoElement.parent-Eigenschaft, welche eine Referenz auf das unmittelbare Ursprungselement des Pseudo-Elements zurückgibt: Dies kann entweder ein Element oder ein CSSPseudoElement im Fall eines verschachtelten Pseudo-Elements sein.
Wert
Ein Element, das das letztendliche Ursprungselternelement des Pseudo-Elements darstellt.
Beispiele
Grundlegende Verwendung
Das folgende Beispiel zeigt die Beziehung zwischen CSSPseudoElement.element und 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
Spezifikationen
| Spezifikation |
|---|
| CSS Pseudo-Elements Module Level 4 # dom-csspseudoelement-element |