class属性和className属性

在JavaScript中，`class` 和 `className` 是两个不同的概念：

1. **Class**（类）：在JavaScript中，`class` 关键字用于创建一个类，它是面向对象编程的基础。类是一个模板，定义了对象的属性和方法。当我们创建一个类的实例时（即对象），我们可以使用 `new` 关键字，并指定类名来初始化它。

例如：

class Animal {
  constructor(name) {
    this.name = name;
  }

  speak() {
    console.log(`${this.name} makes a sound.`);
  }
}

这里定义了一个名为 `Animal` 的类，有构造函数 `constructor` 和方法 `speak()`。

2. **className**（类名属性）：这个术语通常在DOM操作中使用，表示HTML元素的 `class` 属性，它是字符串类型，可以包含多个CSS类名，用于设置样式。例如：

<div className="myClass red big">Hello</div>

这里的 `className` 就是用来给`<div>`元素添加多个CSS类。