js怎么获取class类

在 javascript 中获取类名有两种方法：使用 getattribute(“class”) 获取类名属性值。使用 classlist 属性获取 domtokenlist 对象并利用其方法操作类。

如何在 JS 中获取类

在 JavaScript 中，获取一个元素的类名有两种主要方法：

1. 通过 getAttribute() 方法

此方法返回指定元素的指定属性的值。要获取类的属性，可以使用以下语法：

element.getAttribute("class");

登录后复制

例如：

<p id="my-paragraph" class="my-class">Hello world!</p>

登录后复制登录后复制

const paragraph = document.getElementById("my-paragraph");
const className = paragraph.getAttribute("class");
console.log(className); // 输出: "my-class"

登录后复制

2. 通过 classList 属性

此属性返回一个 DOMTokenList 对象，其中包含元素类的列表。可以使用以下语法访问该属性：

element.classList;

登录后复制

该对象提供了几个有用的方法，包括：

• classList.add(className)：将一个新类添加到元素。
• classList.remove(className)：从元素中删除一个类。
• classList.toggle(className)：如果元素没有该类，则添加它，如果该元素已拥有该类，则删除它。
• classList.contains(className)：检查元素是否具有指定的类。

例如：

<p id="my-paragraph" class="my-class">Hello world!</p>

登录后复制登录后复制

const paragraph = document.getElementById("my-paragraph");
const className = paragraph.classList;

// 添加一个新类
paragraph.classList.add("new-class");

// 从元素中删除一个类
paragraph.classList.remove("my-class");

// 检查元素是否具有指定的类
if (paragraph.classList.contains("new-class")) {
  console.log("元素具有 'new-class' 类。");
}

登录后复制

以上就是js怎么获取class类的详细内容，更多请关注叮当号网其它相关文章！