js 点击给元素添加class属性

可以使用 JavaScript 中的 `classList` 属性来给元素添加、移除或切换 class 属性。

例如，假设你有一个按钮元素，当用户点击该按钮时，你想要给它添加一个名为 `active` 的 class 属性，你可以使用以下代码：

const button = document.querySelector('button');
button.addEventListener('click', () => {
  button.classList.add('active');
});

这将在用户单击按钮时将 `active` class 添加到按钮上。如果你想在用户再次单击按钮时切换该 class，你可以使用 `toggle` 方法：

const button = document.querySelector('button');
button.addEventListener('click', () => {
  button.classList.toggle('active');
});

这将在用户单击按钮时将 `active` class 添加到按钮上（如果它不存在），或者从按钮上删除该 class（如果它已经存在）。