菜单

如何用js判断dom是否有存在某class的值_javascript技巧_脚本之家

2020年3月17日 - 澳门太阳娱乐手机登录

澳门太阳娱乐手机登录,判断html节点的class是否有no-js。

1.jquery的实现方式

$.hasClass;

jquery源码的实现方式:

var rclass = /[trnf]/g;jQuery.fn.extend({ hasClass: function { var className = " " + selector + " ", i = 0, l = this.length; for  { if (this[i].nodeType === 1 && (" " + this[i].className + " ").replace.indexOf { return true; } } return false; }})

2.js的实现方式

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

3.H5的classList

字符串的indexOf方法是无法区分.no-js和.no-js-indeed这样的类;
类名的分隔符可能不是空格,还有可能是t等。

var hasClass = { var div = document.createElement ; if( "classList" in div && typeof div.classList.contains === "function" ) { return function{ return elem.classList.contains ; } ; } else { return function{ var classes = elem.className.split ; for(var i= 0 ; i < classes.length ; i ++) { if( classes[i] === className ) { return true ; } } return false ; } ; }})() ;alert( hasClass(document.documentElement, "no-js") ) ;

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持脚本之家!

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图