가짜 요소를 얻는 방법?

Question

:after을 가져와 변수에 할당해야합니다. 것이 가능하다?

querySelectorAll이 작동하지 않습니다.

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

Answer 1

이 같은 도스한다 : 여기

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(
 
\t document.querySelector('.element'), ':after' 
 
).getPropertyValue('color'); 
 
alert(color);

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

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