使用classList属性来添加和删除类,而不是直接操作class属性。classList属性提供了多个方法来操作元素的类,例如add()、remove()和toggle()。这样可以避免在JavaScript中频繁修改class属性,从而提高性能和可维护性。
示例代码如下:
// 添加类 element.classList.add('new-class');
// 删除类 element.classList.remove('old-class');
// 切换类 element.classList.toggle('active-class');