CSSPseudoElement: 元素属性

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

elementCSSPseudoElement 接口的只读属性,它返回指向伪元素的来源元素的引用,换句话说就是它的父元素。

表示伪元素来源元素的 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 伪元素模块级别 4
# dom-csspseudoelement-element

浏览器兼容性

BCD 表仅在启用 JavaScript 的浏览器中加载。

另请参阅