溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編這次要給大家分享的是基于原生js實現判斷元素有沒有指定class名，文章內容豐富，感興趣的小伙伴可以來了解一下，希望大家閱讀完這篇文章之后能夠有所收獲。
【注意】以下方法只對class只有一個值的情況下操作
結構部分：
<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名的情況
看完這篇關于基于原生js實現判斷元素有沒有指定class名的文章，如果覺得文章內容寫得不錯的話，可以把它分享出去給更多人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
