如何獲取僞元素？

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>