本文目录一览：
- 1、如何用js判断dom是否有存在某class的值
- 2、原生js判断某个元素是否有指定的class名的几种方法
- 3、js 判断元素是否含有class
- 4、jquery判断 页面是否有class
- 5、如何用JavaScript判断dom是否有存在某class的值
如何用js判断dom是否有存在某class的值
var li=document.getElementsByTagname('li') ;//获取li元素
判断是否含有class值
if(li.className.indexOf("class名称")-1)
{
//存在这个class名
}else{
//不存在这个class名
}
原生js判断某个元素是否有指定的class名的几种方法
如果不考虑兼容IE10以下的话，可以用HTML5中的classList API，非常方便：
var node = document.getElementById('demo');
if(node.classList.contains('test')){
console.log('包含 test 这个class');
}
兼容的方式是采用className和getAttribute('class')方法：
if (node.getAttribute('class')) { // 存在class属性
// 方式1
if (node.getAttribute('class').indexOf('test') -1) {
console.log('包含 test 这个class');
}
// 方式2
if (node.className.indexOf('test') -1) {
console.log('包含 test 这个class');
}
}
js 判断元素是否含有class
非IE6,7,8可以直接用自带的属性getElementsByClassName,如果需要考虑兼容，就需要自己写了。下面是自己写的： function getClassName(obj,sName) //--obj是要获取元素的父级{ //--sName是class名字if(document.getElementsByClassName) {return obj.getElementsByClassName('sName');}else{var aTmp = obj.getElementsByTagName('*');var aRes=[];var arr =[];for(var i=0;i
jquery判断 页面是否有class
!doctype html
html
head
meta charset="UTF-8"
titleDocument/title
/head
body
div class='a' id="b"/div
script src=""/script
script
if($("#b").hasClass("a")){
alert("包含class a");
}
else{
alert('no')
}
/script
/body
/html
可以通过$().hasClass()属性来判断是否有class
如何用JavaScript判断dom是否有存在某class的值
function hasClass(ele, cls) {
cls = cls || '';
if (cls.replace(/s/g, '').length == 0) return false;
return new RegExp(' ' + cls + ' ').test(' ' + ele.className + ' ');
};
第一个参数传DOM对象，第二个参数传class名