在前端开发中，操作HTML元素的`class`属性是常见的需求之一。以下是几种常用的方法总结：

首先，直接通过`element.className`设置类名是一个简单直接的方式。例如：`element.className = "active"`。这种方式会覆盖原有类名，适合需要完全替换的情况。💡

其次，利用`element.setAttribute('class', 'newClass')`也可以达到类似的效果，但这种方式相对较少使用，因为它不够直观。💻

重点来了！现代浏览器提供了更强大的`classList` API，它包含了一系列方便的操作方法，如`add()`, `remove()`, `toggle()`和`contains()`。比如，`element.classList.add('highlight')`可以轻松为元素添加类名，而不会影响其他类名的存在。🎨

此外，`classList.toggle('show')`非常实用，它会在元素已有该类时移除，反之则添加，非常适合实现切换效果。🎈

掌握这些方法，能让你更高效地操控页面样式，让代码更加简洁优雅！💪

前端开发 JavaScript classList