¿Cómo cambiar la clase de un elemento en JavaScript? Guía completa

¡Hola a todos! Acabo de empezar a estudiar JavaScript y me encontré con un problema. Tengo una página HTML con varios elementos y necesito cambiar dinámicamente sus clases al hacer clic o en otros eventos. Por ejemplo, hay un botón que debe resaltarse al presionarlo, o un bloque que debe ocultarse/mostrarse. Aquí está mi código: ```html Púlsame ``` Sé que se puede usar `className`, pero he leído que no siempre es correcto. Lo intenté así: ```javascript document.getElementById('myButton').onclick = function() { document.getElementById('myDiv').className = 'active'; }; ``` Pero esto solo funciona una vez — si vuelvo a presionar, la clase no se quita. Y si el elemento ya tiene varias clases, todas se borran. ¿Cómo agregar, eliminar y alternar clases correctamente? Necesito un ejemplo completo con explicaciones. ¡Gracias de antemano! <<>>

Uso de classList — la forma moderna