如何使用JavaScript更改HTML元素的类？

大家好！我刚开始学习JavaScript，一直搞不清楚如何更改页面元素的类。我有一个简单的HTML结构： ```html Нажми меня ``` 我希望点击按钮时，div的类从"red"变为"blue"（即颜色从红色变为蓝色）。我试过写类似`document.getElementById('myDiv').class = 'blue'`的代码，但不起作用。控制台报错："Uncaught TypeError: Cannot set properties of null"。尽管元素确实存在于页面上，我检查过了。 后来我发现应该使用`className`，但当我写`document.getElementById('myDiv').className = 'blue'`时，元素的"box"类消失了，而我需要它保留。也就是说，我只想替换一个类，而不是全部。 请告诉我如何在JavaScript中正确处理类？如何添加新类而不删除旧类？如何删除特定类？以及如何