web前端入門到實戰:原生js判斷某個元素是否有指定的class名的幾種方法
結構部分:
<div> <p>1</p> <p class="test">2</p> <p>3</p> </div>
js部分:
web前端開發學習Q-q-u-n: 731771211,分享學習的方法和需要注意的小細節,不停更新最新的教程和學習方法(詳細的前端專案實戰教學影片,PDF) 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); } }
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69901074/viewspace-2672920/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- jQuery判斷元素是否具有指定的class樣式類jQuery
- jQuery如何判斷指定元素是否具有指定的class樣式類jQuery
- 用JS判斷一個html元素是否存在的五種方法JSHTML
- Java stream判斷列表是否包含某幾個元素/重複元素Java
- jquery判斷指定元素是否存在於某陣列jQuery陣列
- js如何判斷陣列是否含有指定的元素JS陣列
- js如何判斷頁面中是否存在某個元素JS
- js如何判斷陣列中是否含有某個元素JS陣列
- JavaScript如何判斷指定元素是否具有class樣式類JavaScript
- js判斷物件的幾種方法JS物件
- 判斷是否是陣列的幾種方法陣列
- 如何判斷頁面是否存在某個元素
- js判斷物件裡面是否有某個屬性JS物件
- web前端入門到實戰:Js代理模式Web前端JS模式
- 判斷一個類名或者元素是否存在的思路
- web前端入門到實戰:好用的Js圖表庫Web前端JS
- web前端入門到實戰:HTML元素巢狀問題Web前端HTML巢狀
- web前端入門到實戰:html元素有多個類名時,樣式覆蓋問題Web前端HTML
- jQuery如何判斷元素是否具有指定的屬性jQuery
- PHP 判斷陣列是否為空的幾種方法PHP陣列
- js如何判斷陣列具有某個元素JS陣列
- 如何利用jQuery判斷指定元素是否存在jQuery
- JavaScript判斷陣列是否包含指定元素JavaScript陣列
- web前端入門到實戰:常用網頁元素命名規範Web前端網頁
- js如何判斷指定的檔案是否存在JS
- 如何在js中判斷是否包含某個字串JS字串
- jquery判斷元素是否是指定的標籤型別jQuery型別
- JS資料型別判斷的幾種方法JS資料型別
- JS常用判斷空對像的幾種方法JS
- python中如何判斷list中是否包含某個元素Python
- Array · 判斷某元素是否在陣列中陣列
- jquery裡判斷陣列內是否包含了指定的值或元素的方法jQuery陣列
- javascript如何判斷元素是否具有指定屬性JavaScript
- javascript判斷元素是否具有指定樣式類JavaScript
- js判斷陣列中是否含有指定元素程式碼例項JS陣列
- 判斷元素是否有重疊部分
- js判斷字串中是否含有指定的子字串JS字串
- 判斷某過程是否在執行的方法