IE不支持getElementsByClassName最終完美解決方案
目前可以這么解決,判斷瀏覽器支不支持這個方法,如果支持就不管;如果不支持,就在document對象里加入getElementsByClassName這個方法 , 這樣的寫法有一個好處,即不管有沒有原生函數你都不用去修改代碼 。【IE不支持getElementsByClassName最終完美解決方案】通常先使用getElementsByTagName("*")取出文檔中所有元素,然后進行遍歷,使用正則表達式找出匹配的元素放入一個數組返回 。由于IE5不支持document.getElementsByTagName("*"),要使用分支document.all以防錯誤
下面的方法完美支持了document寫法
復制代碼 代碼如下:
if(!document.getElementsByClassName){
document.getElementsByClassName = function(className, element){
var children = (element || document).getElementsByTagName(’*’);
var elements = new Array();
for (var i=0; ichildren.length; i){
var child = children[i];
var classNames = child.className.split(’ ’);
for (var j=0; jclassNames.length; j){
if (classNames[j] == className){
elements.push(child);
break;
}
}
}
return elements;
};
}
最終的方案為:
復制代碼 代碼如下:
var getElementsByClassName = function (searchClass, node,tag) {
if(document.getElementsByClassName){
var nodes = (node || document).getElementsByClassName(searchClass),result = [];
for(var i=0 ;node = nodes[i];){
if(tag !== "*"
tag = tag || "*";
var classes = searchClass.split(" "),
elements = (tag === "*"
var i = classes.length;
while(--i = 0){
patterns.push(new RegExp("(^|s)"classes[i]"(s|$)"));
}
var j = elements.length;
while(--j = 0){
current = elements[j];
match = false;
for(var k=0, kl=patterns.length; kkl; k){
match = patterns[k].test(current.className);
if (!match) break;
}
if (match) result.push(current);
}
return result;
}
}
您可能感興趣的文章:javascript getElementsByClassName 和js取地址欄參數javascript getElementsByClassName函數javascript getElementsByClassName實現代碼js 獲取class的元素的方法 以及創建方法getElementsByClassName關于IE中getElementsByClassName不能用的問題解決方法IE瀏覽器不支持getElementsByClassName的解決方法推薦一個封裝好的getElementsByClassName方法
相關經驗推薦
- win7系統安裝不了IE8瀏覽器提示此安裝不支持您的操作系統的解決方法圖文教程
- 完美解決IE不支持Data.parse的問題
- 淺談JavaScript find 方法不支持IE的問題
- 12306微信小程序支持哪些功能 12306微信小程序上線暫不支持購票
- IOS版微信6.6.0為什么不能修改微信號 微信號不支持修改的原因
- 耐心等等?IE11瀏覽器最終會支持Win7系統
- 打開IE瀏覽器提示瀏覽器不支持js 導致部分功能缺失的故障原因及解決方法介紹
- 使用IE瀏覽器時右下角狀態欄中顯示對象不支持此屬性或方法的解決辦法介紹
- Microsoft Edge不支持IE上的ActiveX技術
- ietester不支持win10怎么辦?win10上IEtester無法使用的解決方法介紹
