在 JavaScript 中获取类名有两种方法：使用 getAttribute(“class”) 获取类名属性值。使用 classList 属性获取 DOMTokenList 对象并利用其方法操作类。
如何在 JS 中获取类
在 JavaScript 中，获取一个元素的类名有两种主要方法：
1. 通过 getAttribute() 方法
此方法返回指定元素的指定属性的值。要获取类的属性，可以使用以下语法：
element.getAttribute("class");
登录后复制
例如：
Hello world!
登录后复制登录后复制
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)：检查元素是否具有指定的类。
例如：
Hello world!
登录后复制登录后复制
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类的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2676250.html
