Necesito obtener un pseudo-elemento para modificar sus estilos al usar un evento con javascript pero no se como obtenerlo para guardalo en una variable.

He intentado de la siguiente manera:

let before = document.querySelector('.element::before')

Esto devuelve null. Según la especificación de la w3c, se permite el uso de pseudoelementos en un querySelector pero esto no devolverá ningún elemento: https://www.w3.org/TR/selectors-api/#grammar

Entiendo que el problema está en que un pseudoelemento no es parte del DOM y por eso no se puede acceder de esta manera pero me pregunto si se puede hacer mediante el CSSOM.