如何判断一个HTML元素在JavaScript中是否有特定的类?
问题描述:
有没有简单的方法来判断一个HTML元素是否具有特定的类?例如:如何判断一个HTML元素在JavaScript中是否有特定的类?
var element = document.getElementById('something');
if (element.class == 'car')
当然一个元素可以有多个类,所以也许if
声明必须是以下形式的?
if (element.class.includes('car'))
答
var element = document.getElementById("myid");
if (element.classList.contains("myclass")) { /* do stuff */ }
了解更多关于元素#班级列表在这里:https://developer.mozilla.org/en-US/docs/DOM/element.classList
此链接还包含对旧版浏览器一个填充工具。
答
如果使用jQuery的是你可以使用hasClass()
看到http://api.jquery.com/hasClass/
如果没有,你可以在纯JS实现看看选项 - Test if an element contains a class?
+0
downvoter是否在意删除评论? – kgr 2013-04-09 20:56:07
答
对于陌生的原因包含的成员的名称类别是className
,而不是class
。多个类名由空格分隔。
答
您需要使用:
class = document.getElementById("{id_of_element").getAttribute("class");
然后
String[] vals = class.split(" ");
var match = false;
for (i = 0; i < vals.length;i++) {
if (vals[i].equalsIgnoreCase('car') {
match = true;
break;
}
}
if (match) {
//do something
}
HTH。
https://developer.mozilla.org/en-US/docs/DOM/document.getElementsByClassName – sbeliv01 2013-04-09 20:50:47
请在提问之前使用搜索。 – PeeHaa 2013-04-09 20:59:05