Alcanzar y manipular pseudo-elementos CSS con JavaScript

Los pseudo-elementos (y pseudo-clases) son selectores CSS virtuales que no existen esplícitamente en el árbol de DOM. Pero aparte de esa característica, puede ser manipulado con propiedades CSS como cualquier otra, a excepción que agrega una nueva propiedad content la que permite ingresar texto al pseudo-elemento.
Como estos selectores no existen en el árbol del documento, cómo alcanzarlos y manipularlos con JavaScript? Afortunadamente es posible con el método getComputedStyle():
HTML:⌗
CSS:⌗
JS:⌗
También puedes obtener otras propiedades CSS aplicadas, por ejemplo, el color de texto:
JS:⌗
Link:⌗
Leer otros artículos