如何获取伪元素？

Question

我需要得到:after并将其分配给变量。有可能的？

querySelectorAll不起作用。

alert(some_div_with_pseudo.querySelectorAll('::after')[0]) // undefined 

Answer 1

你应该DOS是这样的：

window.getComputedStyle(
    document.querySelector('somedivId'), ':after' 
); 

样品在这里：https://jsfiddle.net/cfwmqbvn/

Answer 2

假设你的CSS是这样的：

.element:after { 
    content: 'NEW'; 
    color: rgb(255, 0, 0); 
} 

要检索的颜色属性。元素：之前，您可以使用以下JavaScript：

var color = window.getComputedStyle(
    document.querySelector('.element'), ':after' 
).getPropertyValue('color') 

var color = window.getComputedStyle(
 
\t document.querySelector('.element'), ':after' 
 
).getPropertyValue('color'); 
 
alert(color);

.element:after { 
 
\t content: 'NEW'; 
 
\t color: rgb(255, 0, 0); 
 
}

<div class="element"></div>