在 JavaScript 中，您可以使用 classList 对象来监听类的变化。

例如，假设您有一个元素:

您可以使用 classList 对象来添加、删除或切换类：

const div = document.getElementById("myDiv");
div.classList.add("newClass");
div.classList.remove("newClass");
div.classList.toggle("newClass");

您还可以使用 classList.contains() 方法来检查元素是否包含特定的类：

if (div.classList.contains("newClass")) {
  // Do something...
}

要监听类的变化，您可以使用 MutationObserver 对象。它允许您观察某些 DOM 元素的变化，并在发生变化时执行回调函数。

例如，您可以这样使用 MutationObserver 来监听 div 元素的类变化：

const observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(mutation) {
    console.log(mutation.type);
  });
});

observer.observe(div, { attributes: true, attributeFilter: ["class"] });

在这种情况下，回调函数将在类发生变化时被调用，并且变化的类型（例如添加、删除或切换）将被打印到控制台。