相容所有瀏覽器的getElementsByClassName()函式
getElementsByClassName()對於低版本的IE瀏覽器存在相容問題。
它的具體用法可以參閱getElementsByClassName()一章節。
下面分享一個程式碼片段,它實現了相容功能。
程式碼如下:
[JavaScript] 純文字檢視 複製程式碼function getClass(node, cln){ if(node.getElementsByClassName){ return node.getElementsByClassName(cln); } else { var results = new Array(); var eles = document.getElementsByTagName('*'); for(var i = 0; i < eles.length; i++){ if(eles[i].className.indexOf(cln) != -1){ results[results.length] = eles[i]; } } return results; } }
引數解析:
(1).node:規定要在哪個節點下查詢元素。
(2).cln:class屬性值。
相關文章
- forEach()相容所有瀏覽器瀏覽器
- getElementsByClassName()方法的瀏覽器支援版本瀏覽器
- 相容所有瀏覽器array物件indexOf()方法瀏覽器物件Index
- IE瀏覽器相容瀏覽器
- 9:瀏覽器相容瀏覽器
- 關於瀏覽器相容瀏覽器
- 瀏覽器相容性瀏覽器
- 導航的瀏覽器相容問題瀏覽器
- edge瀏覽器相容性設定在哪 新版edge瀏覽器相容模式怎麼弄瀏覽器模式
- js中css樣式相容各個瀏覽器寫法JSCSS瀏覽器
- 瀏覽器相容以及PostCSS詳解瀏覽器CSS
- 谷歌瀏覽器相容模式怎麼設定 chrome瀏覽器相容模式切換方法介紹谷歌瀏覽器模式Chrome
- 火狐瀏覽器相容模式怎麼設定在哪裡 火狐瀏覽器相容模式設定方法瀏覽器模式
- ie瀏覽器相容模式怎麼設定在哪裡 ie瀏覽器相容模式設定方法瀏覽器模式
- win10瀏覽器怎麼設定相容模式_win10瀏覽器相容模式如何新增Win10瀏覽器模式
- 新版edge瀏覽器相容模式怎麼設定 edge瀏覽器相容性設定在哪裡瀏覽器模式
- (16)CSS 擴充:① 瀏覽器相容 | CSSCSS瀏覽器
- element ui 相容低版本瀏覽器UI瀏覽器
- 360極速瀏覽器相容模式怎麼設定 360極速瀏覽器相容模式設定方法瀏覽器模式
- edge瀏覽器找不到相容性檢視設定 新版edge瀏覽器相容模式怎麼設定瀏覽器模式
- 360瀏覽器相容模式怎麼設定 360極速瀏覽器極速相容模式怎麼切換瀏覽器模式
- [BUG反饋]IE瀏覽器,百度瀏覽器,搜狗瀏覽器批量操作功能都不相容!!!!傲遊、火狐、谷歌瀏覽器可以瀏覽器谷歌
- html5多終端瀏覽器相容HTML瀏覽器
- 滑鼠右鍵相容MAC版火狐瀏覽器Mac瀏覽器
- 瀏覽器相容問題處理總結瀏覽器
- 手機瀏覽器通過Scheme跳轉APP,相容各種手機瀏覽器瀏覽器SchemeAPP
- win10瀏覽器相容性怎麼設定_win10瀏覽器相容性設定方法Win10瀏覽器
- CSS瀏覽器相容性的4個解決方案:瀏覽器CSS樣式初始化、瀏覽器私有屬性,CSS hack語法和自動化外掛CSS瀏覽器
- 瀏覽器極速模式和相容模式差異瀏覽器模式
- 關於UC瀏覽器相容scroll事件問題瀏覽器事件
- 最強悍LoadRunner和瀏覽器相容完美攻略瀏覽器
- 幾款瀏覽器相容性測試工具瀏覽器
- CSS程式碼在不同瀏覽器相容問題CSS瀏覽器
- 柯大俠整理的常見瀏覽器相容問題瀏覽器
- 瀏覽器預設樣式瀏覽器
- 一鍵隱藏所有固定的瀏覽器擴充套件瀏覽器套件
- win10谷歌瀏覽器怎麼切換相容模式_win10系統谷歌瀏覽器怎麼設定相容模式Win10谷歌瀏覽器模式
- 前端檔案下載相容方案(相容主流瀏覽器,包括IE與Safari)前端瀏覽器
- 金三銀四,那瀏覽器相容你知多少?瀏覽器