如何在js中给div加类名

在JavaScript中给一个`div`元素添加类名，你可以使用`classList`属性或者`className`属性。以下是两种方法的示例：

使用 `classList` 属性

`classList` 是一个可以添加、移除、替换或检查元素类的集合。

```javascript

// 假设有一个div元素，其id为myDiv

var div = document.getElementById('myDiv');

// 给div添加类名

div.classList.add('new-class-name');

```

使用 `className` 属性

`className` 属性允许你直接设置元素的类名。

```javascript

// 假设有一个div元素，其id为myDiv

var div = document.getElementById('myDiv');

// 给div添加类名

div.className += ' new-class-name';

```

请注意，在第二种方法中，`className` 属性会将新的类名追加到现有的类名后面，如果需要替换现有的类名，可以使用以下方法：

```javascript

// 给div设置新的类名，这将替换掉原有的类名

div.className = 'new-class-name';

```

使用哪种方法取决于你的具体需求。`classList` 提供了更多灵活的操作类的方法，而 `className` 是更传统的做法。