javascript - 从 `before` 伪元素中获取 ComputedStyle

Question

我正在尝试从元素的 :before 选择器中获取计算样式。

我已经试过了，但它不起作用，我该如何让它起作用？

var a = window.getComputedStyle(document.querySelector('#one:before'), null);
alert(a.getPropertyValue("content"))

https://jsfiddle.net/99qe4knh/5/

Answer 1

According to MDN, .getComputedStyle() method 的第二个参数是伪元素:

var style = window.getComputedStyle(element[, pseudoElt]);

pseudoElt (Optional) - A string specifying the pseudo-element to match. Must be omitted (or null) for regular elements.

因此您应该使用以下内容:

var a = window.getComputedStyle(document.querySelector('#one'), ':before');

alert(a.getPropertyValue("content"));

Updated Example