This is an experimental technology
Check 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 4 The 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.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
element | Chrome No support No | Edge No support No | Firefox
Full support
75
| 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
| 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.