如何用js判断dom是否有存在某class的值

例如：

<html class="no-js"><head></head><body></body></html>

判断html节点的class是否有no-js。
1.jquery的实现方式
$（"html"）.hasClass（"no-js"）;
jquery源码的实现方式：

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

2.js的实现方式

function hasClass（element, cls） { return （" " + element.className + " "）.indexOf（" " + cls + " "） > -1;}hasClass（document.querySelector（"html"）, "no-js"）;

3.H5的classList
说明下：

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

代码：

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

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