来自`before`伪元素的getComputedStyle

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（可选） - 指定要匹配的伪元素的字符串。对于常规元素，必须省略（或为null）。

因此，您应该使用以下内容：

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

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

Updated Example