相容低版本IE的document.getElementsByClassName()
關於document.getElementsByClassName()的基本用法可以參閱getElementsByClassName()一章節。
但是存在一定的相容問題,IE8和IE8以下瀏覽器不支援此方法,下面分享一個能夠實現相容的程式碼。
程式碼如下:
[JavaScript] 純文字檢視 複製程式碼if (!document.getElementsByClassName) { document.getElementsByClassName = function (className, element){ var children = (element || document).getElementsByTagName('*'); var elements = new Array(); for (var i = 0; i < children.length; i++) { var child = children[i]; var classNames = child.className.split(' '); for (var j = 0; j < classNames.length; j++) { if (classNames[j] == className) { elements.push(child); break; } } } return elements; }; }
相關文章
- 相容IE低版本的XMLHttpRequest物件的建立XMLHTTP物件
- javascript相容低版本IE瀏覽器的事件物件JavaScript瀏覽器事件物件
- 相容低版本IE瀏覽器的DOMContentLoaded事件瀏覽器事件
- 相容低版本IE瀏覽器的Object.create()方法瀏覽器Object
- 網頁變灰相容IE低版本瀏覽器網頁瀏覽器
- JavaScript讀取本地檔案內容(相容低版本IE)JavaScript
- 相容低版本IE瀏覽器的背景顏色漸變效果瀏覽器
- 相容低版本IE瀏覽器的阻止事件冒泡效果程式碼瀏覽器事件
- 模擬實現相容低版本IE瀏覽器的原生bind()瀏覽器
- javascript基礎(JSON的使用和低版本IE的相容)(四十七)JavaScriptJSON
- 相容低版本IE瀏覽器的一些心得體會(持續更新)瀏覽器
- js實現的通用相容低版本IE瀏覽器的事件註冊和刪除JS瀏覽器事件
- 絕對不能在低版本IE瀏覽器相容性問題上妥協瀏覽器
- element ui 相容低版本瀏覽器UI瀏覽器
- IE和Firefox相容的JSFirefoxJS
- IE瀏覽器相容瀏覽器
- Android app相容低版本Java環境AndroidAPPJava
- React、Vue在IE的相容問題ReactVue
- 噁心的相容問題:完美解決IE(IE6/IE7/IE8)不相容HTML5標籤的問題HTML
- CSS相容IE6,IE7,FireFoxCSSFirefox
- ie6,ie7,ff的css相容hack寫法CSS
- IE與CSS相容性CSS
- 準確獲取低版本IE瀏覽器的版本號瀏覽器
- 相容ie9以下的polyfill類庫IE9
- IE5,IE6,IE7,IE8的css相容性列表[轉自MSDN]CSS
- javascript 相容寫法(FF&IE)JavaScript
- 高效能迷你 React 框架 anu 在低版本IE的實踐React框架
- IE瀏覽器低版本判斷及升級提示瀏覽器
- Vue 相容 ie9 的全面解決方案VueIE9
- css相容IE6/IE7/FF的通用方法和著名的Clearfix HackCSS
- 相容IE8和IE7瀏覽器的圓形圖案瀏覽器
- 對 IE6 ~ IE8 老瀏覽器相容的 intern-geezer瀏覽器
- 解決ie相容性問題
- IE9 跨域請求相容IE9跨域
- Redis低版本無法向前相容高版本RDB檔案Redis
- 讓IE低版本瀏覽器也支援placeholder屬性瀏覽器
- Javascript 實現 Textarea 自動伸縮,相容IE6、IE7、IE8、IE9...JavaScriptIE9
- ie瀏覽器相容模式怎麼設定在哪裡 ie瀏覽器相容模式設定方法瀏覽器模式