函数语法:原生js判断某个元素是否有指定的class名的几种方法

时间:2021-08-07 02:47:02
var  aLi = document.querySelectorAll('#tabs li');
for(var i = 0;i <p.length;i++){
//第一种方法,用classList这个H5 API,有兼容性问题
if(aLi[i].classList.contains('active')==true){
console.log(aLi[i]);
} //第二种方法,用className这个属性
if(aLi[i].className=='active'){
console.log(aLi[i])
} //第三种方法,用getAttribute()这个方法
if(aLi[i].getAttribute("class")=='active'){
console.log(aLi[i]);
}
}