js如何添加class

要给一个元素添加class，可以使用以下JavaScript：

document.querySelector('selector').classList.add('class-name');

其中，`document.querySelector('selector')`用于获取要添加class的元素，可以根据需要修改选择器；`classList`属性用于访问元素的class列表，`add`方法可以向列表中添加指定的class。将`class-name`替换为要添加的class名称即可。如果要添加多个class，可以多次调用`add`方法，每次传递一个class名称。

注意，如果元素已经有了指定的class，则`add`方法不会重复添加，也不会报错。如果要判断元素是否已经包含了某个class，可以使用`contains`方法：

if (!document.querySelector('selector').classList.contains('class-name')) {
    document.querySelector('selector').classList.add('class-name');
}

这段代码会先判断元素是否已经包含了`class-name`，如果没有，则添加该class。

相关问题

js 添加class

在JavaScript中，我们可以使用classList属性来添加、删除和切换元素的类。classList属性是一个只读属性，但它提供了add()、remove()、toggle()和contains()方法来修改元素的类。

以下是添加类的示例代码：

// 获取元素
var element = document.getElementById("myElement");

// 添加类
element.classList.add("myClass");

以上代码将在具有id“myElement”的元素上添加名为“myClass”的类。

以下是删除类的示例代码：

// 获取元素
var element = document.getElementById("myElement");

// 删除类
element.classList.remove("myClass");

以上代码将从具有id“myElement”的元素中删除名为“myClass”的类。

js添加class类名

你可以使用JavaScript的classList属性来添加class类名，例如：

var element = document.getElementById("myElement");
element.classList.add("myClass");

这将在id为“myElement”的元素上添加名为“myClass”的类。