CSSPseudoElement: свойство element

Экспериментально: Это экспериментальная технология
Перед использованием в продукте внимательно проверьте таблицу совместимости с браузерами.

Свойство element только для чтения интерфейса CSSPseudoElement возвращает ссылку на исходный элемент псевдоэлемента, то есть его родительский элемент.

Значение

Объект Element, представляющий исходный элемент псевдоэлемента.

Примеры

Пример ниже демонстрирует взаимосвязь между 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 Модуль псевдоэлементов уровень 4 # dom-csspseudoelement-element

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`element`	Нет	Нет	75	Нет	Нет	Нет	Нет	Нет	Нет	Нет	Нет

См. также

Element.pseudo()

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CSSPseudoElement/element