如何更改元素的CSS类并在单击时移除所有其他类

<div id="myElement" class="class1 class2">Hello, world!</div>

var myElement = document.getElementById("myElement");

myElement.addEventListener("click", function() {
  // 移除所有其他类
  var classNames = myElement.classList;
  for (var i = classNames.length - 1; i >= 0; i--) {
    var className = classNames[i];
    if (className !== "class1" && className !== "class2") {
      myElement.classList.remove(className);
    }
  }

  // 添加新的CSS类
  myElement.classList.add("newClass");
});