js 检查元素是否含有某种css样式

JavaScript023

js 检查元素是否含有某种css样式,第1张

可以通过jquery来实现,

首先,用hasClass方法判断它是否有这种样式,

接着,如果有,执行冒号前面的语句,

如果没有,执行冒号后面的语句。

具体是以下代码:

$("#id").hasClass("className") ? console.log("Has this class.") : console.log("Do not has this class.")

根据className匹配元素数组,然后查找其中是否含有对应的元素

<div id="LL" class="a b hello-world"></div>

<script>

function hasClass(element,className){

var aSameClassEle = document.getElementsByClassName(className)

for(var i = 0i <aSameClassEle.lengthi++){

if(aSameClassEle[i] === element){

return true

}

}

return false

}

let obj = document.getElementById("LL")

console.log(hasClass(obj,'a'))//..true

console.log(hasClass(obj,'c'))//..false

</script>