Como alterar a classe de um elemento em JavaScript? Guia completo

Olá a todos! Comecei a estudar JavaScript recentemente e me deparei com um problema. Tenho uma página HTML com vários elementos e preciso alterar dinamicamente suas classes ao clicar ou em outros eventos. Por exemplo, há um botão que deve ser destacado ao ser pressionado, ou um bloco que deve ser ocultado/exibido. Aqui está meu código: ```html Clique em mim ``` Eu sei que posso usar `className`, mas li que nem sempre é a forma correta. Tentei assim: ```javascript document.getElementById('myButton').onclick = function() { document.getElementById('myDiv').className = 'active'; }; ``` Mas isso funciona apenas uma vez — se eu clicar novamente, a classe não é removida. E se o elemento já tiver várias