This is an experimental technologyCheck the Browser compatibility table carefully before using this in production.
The element
read-only property of the CSSPseudoElement
interface returns a reference to the originating element of the pseudo-element, in other words its parent element.
Syntax
var originatingElement = cssPseudoElement.element;
Value
An Element
representing the pseudo-element's originating element.
Examples
The example below demonstrates the relationship between CSSPseudoElement.element
and 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
Specifications
Specification | Status | Comment |
CSS Pseudo-Elements Level 4The definition of 'element' in that specification. | Working Draft | Initial definition. |
Browser compatibility
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Chrome
No support No |
Edge
No support No |
Firefox Full support 75 Full support 75 Disabled' From version 75: this feature is behind the Disabled' From version 67 until version 75 (exclusive): this feature is behind the Alternate Name' Uses the non-standard name: Alternate Name' Uses the non-standard name: |
IE
No support No |
Opera
No support No |
Safari
No support No |
WebView Android
No support No |
Chrome Android
No support No |
Firefox Android Full support 67 Full support 67 Disabled' From version 67: this feature is behind the Alternate Name' Uses the non-standard name: Alternate Name' Uses the non-standard name: |
Opera Android
No support No |
Safari iOS
No support No |
Samsung Internet Android
No support No |
Legend
- Full support
- Full support
- No support
- No support
- Experimental. Expect behavior to change in the future.'
- Experimental. Expect behavior to change in the future.
- User must explicitly enable this feature.'
- User must explicitly enable this feature.
- Uses a non-standard name.'
- Uses a non-standard name.
See also
CSSPseudoElement.element by Mozilla Contributors is licensed under CC-BY-SA 2.5.