Tengo un bloque con alguna regla de consulta de medios aplicada, algo como esto:

 <style> @media (prefers-color-scheme: dark) { div{ background: black; color: white; } } @media (prefers-color-scheme: light) { div { background: white; color: black; } } </style> <div> some content </div>

Y necesito alternar la consulta de medios de JS, de alguna manera así:

 document.querySelector('div').media['prefers-color-scheme'] = 'light'; // or 'dark'

¿Existe tal API DOM? es posible?

UPD : No quiero cambiar la regla, quiero "emular" las condiciones externas cambiantes.

Gracias.