Como alterar a classe de um elemento HTML com JavaScript?

Olá a todos! Comecei a estudar JavaScript e não consigo entender como alterar as classes dos elementos na página. Tenho uma estrutura HTML simples:\n\n```html\nClique em mim\n\n```\n\nQuero que, ao clicar no botão, a classe do div mude de "red" para "blue" (ou seja, a cor mude de vermelho para azul). Tentei escrever algo como `document.getElementById('myDiv').class = 'blue'`, mas não funcionou. No console, aparece o erro: "Uncaught TypeError: Cannot set properties of null". Embora o elemento exista na página, eu verifiquei.\n\nDepois descobri que preciso usar `className`, mas quando escrevo `document.getElementById('myDiv').className = 'blue'`, a classe "box" desaparece do elemento, e eu preciso que ela permaneça.