js 判断元素是否含有class

JavaScript09

js 判断元素是否含有class,第1张

非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=0i

//第一种方法，用classList这个H5 API，有兼容性问题

if(p[i].classList.contains('test')==true){

console.log(p[i].innerHTML)

}

//第二种方法，用className这个属性

if(p[i].className=='test'){

console.log(p[i].innerHTML)

}

//第三种方法，用getAttribute()这个方法

if(p[i].getAttribute("class")=='test'){

console.log(p[i].innerHTML)

}

}

以上三种可以任选，条件是不考虑兼容性和多个class名的情况

var li=document.getElementsByTagname('li') //获取li元素

判断是否含有class值

if(li.className.indexOf("class名称")>-1)

{

//存在这个class名

}else{

//不存在这个class名

}