CSSPseudoElement: element 属性

可用性有限

此特性不是基线特性,因为它在一些最广泛使用的浏览器中不起作用。

实验性: 这是一项实验性技术
在生产中使用此技术之前,请仔细检查浏览器兼容性表格

CSSPseudoElement 接口的 element 只读属性返回对伪元素的起源元素(即其父元素)的引用。

表示伪元素的起源元素的 Element

示例

下面的示例演示了 CSSPseudoElement.elementElement.pseudo() 之间的关系

js
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 伪元素模块 Level 4
# dom-csspseudoelement-element

浏览器兼容性

另见