本文目录一览：

• 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名