栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

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

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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

使用方法:

element.classList
.contains

element.classList.contains(class);

这适用于所有当前浏览器,并且也有polyfill支持旧版本的浏览器。


或者
,如果您使用较旧的浏览器,并且不想使用polyfill对其进行修复,则使用

indexOf
正确,但是您需要对其进行一些调整:

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

否则,

true
如果您正在寻找的班级是另一个班级名称的一部分,您也将获得。

演示

jQuery使用类似(如果不相同)的方法。


应用于示例:

由于这不能与switch语句一起使用,因此可以使用以下代码实现相同的效果:

var test = document.getElementById("test"),    classes = ['class1', 'class2', 'class3', 'class4'];test.innerHTML = "";for(var i = 0, j = classes.length; i < j; i++) {    if(hasClass(test, classes[i])) {        test.innerHTML = "I have " + classes[i];        break;    }}

它也较少冗余;)



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/517894.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号