1. 程式人生 > >分享知識-快樂自己:JS 檢查元素是否含有某種css樣式

分享知識-快樂自己:JS 檢查元素是否含有某種css樣式

第一種 原生 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.");