Estoy tratando de editar el estilo de un elemento de página que se representa mediante un script de terceros. Sé que puedo apuntar a los elementos usando

const variable = document.querySelector('.class')

y luego cambie el estilo usando

variable.style.colorEtc = 'red or whatever';

Previamente traté de usar

setTimeout(changeStyle, delay)

pero el tiempo de carga es impredecible y puede causar problemas.

Me pregunto si hay una manera de usar promesas y async/await para hacer que los selectores de consulta y los cambios de estilo se carguen de forma asíncrona y luego se ejecuten una vez que se representan los objetivos.

No tengo idea de cómo se ve esto en la práctica. ¿Cómo puedo apuntar a un procesamiento js realizado por un script de terceros como la condición de que las variables estén esperando para ejecutarse una vez cargadas?

Espero haber entendido async/await correctamente, pero si no, estoy abierto a soluciones alternativas.

¡Gracias!