函数语法:原生js判断某个元素是否有指定的class名的几种方法
时间: 2023-08-01 09:11:08 浏览: 65
1. 使用classList.contains() 方法
该方法可以检查元素的 class 列表中是否包含指定的类名,返回值为布尔类型。示例代码如下:
```javascript
var elem = document.getElementById("myDiv");
if (elem.classList.contains("myClass")) {
// 元素包含 myClass 类
} else {
// 元素不包含 myClass 类
}
```
2. 使用className属性
该属性返回元素的 class 属性的值,可以使用 indexOf() 方法判断是否包含指定的类名。示例代码如下:
```javascript
var elem = document.getElementById("myDiv");
if (elem.className.indexOf("myClass") !== -1) {
// 元素包含 myClass 类
} else {
// 元素不包含 myClass 类
}
```
3. 使用正则表达式
正则表达式可以检查元素的 class 属性值是否包含指定的类名。示例代码如下:
```javascript
var elem = document.getElementById("myDiv");
if (/\bmyClass\b/.test(elem.className)) {
// 元素包含 myClass 类
} else {
// 元素不包含 myClass 类
}
```
其中,\b 表示单词边界,可以确保匹配的是整个类名而不是部分字符串。