在JavaScript中检查元素是否包含类?

使用纯JavaScript(不是jQuery)，是否有任何方法来检查元素是否包含类?

目前，我正在这样做:

var test = document.getElementById("test"); var testClass = test.className; switch (testClass) { 例“class1”: 测试。innerHTML = "我有class1"; 打破; 例“class2”: 测试。innerHTML = "I have class2"; 打破; 例“class3”: 测试。innerHTML = "I have class3"; 打破; “一年级”情况: 测试。innerHTML = "I have class4"; 打破; 默认值: 测试。innerHTML = ""; ｝ <div id="test" class="class1"></div>

问题是，如果我把HTML改成这个…

<div id="test" class="class1 class5"></div>

.．.不再有一个精确的匹配，所以我得到的默认输出为nothing("")。但我仍然希望输出为I have class1，因为<div>仍然包含。class1类。

当前回答

简单而有效的解决方法是尝试。包含方法。

test.classList.contains(testClass);

2015-05-28 13:14:54

其他回答

因为.className是一个字符串，你可以使用string includes()方法来检查你的.className是否包含你的类名:

element.className.includes("class1")

2020-07-25 15:57:25

如果元素只有一个类名，可以通过获取class属性快速检查。其他答案要健壮得多，但这个肯定有它的用例。

if ( element.getAttribute('class') === 'classname' ) {

}

2015-01-17 20:31:59

一个简化的联机程序:1

function hasClassName(classname,id) {
 return  String ( ( document.getElementById(id)||{} ) .className )
         .split(/\s/)
         .indexOf(classname) >= 0;
}

IE当然不支持数组的1 indexOf。网上有很多猴子补丁。

2011-05-05 14:31:48

只是为那些试图在内联SVG元素中查找类名的人添加答案。

将hasCLass()函数更改为:

function hasClass(element, cls) {
    return (' ' + element.getAttribute('class') + ' ').indexOf(' ' + cls + ' ') > -1;
  }

您需要使用getAttribute()方法来获取类名，而不是使用className属性。

2018-07-25 18:51:49

简单而有效的解决方法是尝试。包含方法。

test.classList.contains(testClass);

2015-05-28 13:14:54

在JavaScript中检查元素是否包含类?

推荐文章

最新文章

标签