IE不支持getElementsByClassName最終完美解決方案
通常先使用getElementsByTagName("*")取出文檔中所有元素,然后進(jìn)行遍歷,使用正則表達(dá)式找出匹配的元素放入一個(gè)數(shù)組返回。由于IE5不支持document.getElementsByTagName("*"),要使用分支document.all以防錯(cuò)誤
下面的方法完美支持了document寫法
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;
};
}
最終的方案為:
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 !== "*" && node.tagName === tag.toUpperCase()){
result.push(node)
}else{
result.push(node)
}
}
return result
}else{
node = node || document;
tag = tag || "*";
var classes = searchClass.split(" "),
elements = (tag === "*" && node.all)? node.all : node.getElementsByTagName(tag),
patterns = [],
current,
match;
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; k<kl; k++){
match = patterns[k].test(current.className);
if (!match) break;
}
if (match) result.push(current);
}
return result;
}
}
- javascript getElementsByClassName 和js取地址欄參數(shù)
- javascript getElementsByClassName函數(shù)
- javascript getElementsByClassName實(shí)現(xiàn)代碼
- js 獲取class的元素的方法 以及創(chuàng)建方法getElementsByClassName
- 關(guān)于IE中g(shù)etElementsByClassName不能用的問題解決方法
- IE瀏覽器不支持getElementsByClassName的解決方法
- 推薦一個(gè)封裝好的getElementsByClassName方法
相關(guān)文章
javascript 數(shù)組的定義和數(shù)組的長度
本文主要介紹javascript 數(shù)組的定義和數(shù)組的長度,比較簡單,希望能給大家做一個(gè)參考。2016-06-06JavaScript實(shí)現(xiàn)的GBK、UTF8字符串實(shí)際長度計(jì)算函數(shù)
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的GBK、UTF8字符串實(shí)際長度計(jì)算函數(shù),需要的朋友可以參考下2014-08-08簡單介紹JavaScript中字符串創(chuàng)建的基本方法
這篇文章主要介紹了簡單介紹JavaScript中字符串創(chuàng)建的基本方法,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-07-07JavaScript學(xué)習(xí)筆記之JS對(duì)象
這篇文章向我們?cè)敿?xì)介紹了javascript中的對(duì)象,包括默認(rèn)對(duì)象、數(shù)組對(duì)象、字符串對(duì)象、自定義對(duì)象,并通過示例對(duì)這4中對(duì)象做了對(duì)比分析,推薦給大家。2015-01-01