Sözde öğe nasıl alınır?

Question

:after'u almalı ve onu değişkene atamalıyım. Bu mümkün?

querySelectorAll çalışmıyor.

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

Answer 1

Böyle bir şey dos olmalıdır: Burada

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

Örnek: https://jsfiddle.net/cfwmqbvn/

Answer 2

CSS varsayalım benziyor:

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

renk özelliğini almak için. element: önce, aşağıdaki JavaScript'i kullanabilirsiniz:

Adı 'sözde' da anlaşılacağı gibi

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>