如何在单击按钮时更改css类的属性？

<button id="myButton">点击按钮</button>

var button = document.getElementById("myButton");
button.addEventListener("click", function() {
    // 在这里编写更改CSS类属性的代码
});

var button = document.getElementById("myButton");
button.addEventListener("click", function() {
    var element = document.getElementById("myElement");
    element.classList.add("newClass"); // 添加CSS类
    element.classList.remove("oldClass"); // 移除CSS类
});

var button = document.getElementById("myButton");
button.addEventListener("click", function() {
    var element = document.getElementById("myElement");
    element.style.color = "red"; // 修改文字颜色为红色
    element.style.backgroundColor = "blue"; // 修改背景颜色为蓝色
});