div 中class与className区别

在 HTML 中，我们可以使用 class 和 className 来为元素添加 CSS 样式。它们的区别在于：

- class 是 HTML 属性，用于指定元素的一个或多个类名，多个类名之间用空格分隔。
- className 是 DOM 元素的属性，用于获取或设置元素的类名，可以通过 JavaScript 修改。

例如，下面的代码展示了如何为一个 div 元素添加两个类名：

<div class="box red"></div>

var elem = document.querySelector('.box');
elem.className = 'box blue'; // 将类名从 'red' 改为 'blue'

需要注意的是，通过 className 修改类名时会覆盖原有的所有类名，因此应该先获取原有的类名，再添加或删除需要的类名。