分享知識-快樂自己:JS 檢查元素是否含有某種css樣式
阿新 • • 發佈:2018-12-23
第一種 原生 JS:
*************************************************************
結構部分:
<div>
<p>1</p>
<p class="test">2</p>
<p>3</p>
</div>
**************************************************************
js部分:
var p = document.getElementsByTagName('p');
for(var i = 0;i <p.length;i++){
//第一種方法,用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名的情況
第二種 jquery:
$("#id").hasClass("className") ? console.log("Has this class.") : console.log("Do not has this class.");