今天在网上看到的一个根据classname获取elements的脚本，在此记录一下，以便日后使用。
复制代码 代码如下:
var getelementsbyclassname = function(searchclass, node, tag) {
if (document.getelementsbyclassname) {
return document.getelementsbyclassname(searchclass)
} else {
node = node || document;
tag = tag || *;
var classes = searchclass.split( ),
elements = (tag === * && node.all) ? node.all : node.getelementsbytagname(tag),
patterns = [],
returnelements = [],
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 match = patterns[k].test(current.classname);
if (!match) break;
}
if (match) returnelements.push(current);
}
return returnelements;
}
}
下面是网上其它的一些相关介绍,大家可以一起参考下。
dom中的getelementsbyclassname解释如下：dom api 中提供3种方法取元素(getelementbyid,getelementsbyname,getelementsbytagname)，经常编写css的人自然就会产生疑问，有没有根据样式类名取元素的方法，可惜，dom1/2 里面都没有这样的方法，prototype 很早就扩展过dom的方法，添加了 getelementsbyclassname，从方法名上看，似乎非常正统，与前面3种方法名称也像，分析其代码，却发现还是通过 getelementsbytagname 来实现。这个方法称不上优雅，因为需要遍历所有的元素，探测元素是否包含目标样式类名，返回符合条件的元素数组。google了一下，却没有找到更优雅高效的替代方法。
复制代码 代码如下:
function getelementsbyclassname(classname, parentelement){
var elems = ($(parentelement)||document.body).getelementsbytagname(*);
var result=[];
for (i=0; j=elems[i]; i++){
if (( +j.classname+ ).indexof( +classname+ )!=-1){
result.push(j);
}
}
return result;
}
既然有getelementsbyclassname，一样可以有 getelementsbyattribute(如：getelementsbyvalue、getelementsbystyle、getelementsbytype)
复制代码 代码如下:
document.getelementsbyclassname = function(classname,obox) {
//适用于获取某个html区块内部含有某一特定classname的所有html元素
this.d= obox || document;
var children = this.d.getelementsbytagname('*') || document.all;
var elements = new array();
for (var ii = 0; ii var child = children[ii];
var classnames = child.classname.split(' ');
for (var j = 0; j if (classnames[j] == classname) {
elements.push(child);
break;
}
}
}
return elements;
}
document.getelementsbytype = function(stypevalue,obox) {
//适用于获取某个html区块内部同属于某一特定type的所有html元素，如:input,script,link等等
this.d= obox || document;
var children = this.d.getelementsbytagname('*') || document.all;
var elements = new array();
for (var ii = 0; ii if (children[ii].type == stypevalue) {
elements.push(children[ii]);
}
}
return elements;
}
function $() {
var elements = new array();
for (var ii = 0; ii var element = arguments[ii];
if (typeof element == 'string')
element = document.getelementbyid(element);
if (arguments.length == 1)
return element;
elements.push(element);
}
return elements;
}
$cls = function (s,o){
return document.getelementsbyclassname(s,o);
};
$type = function (s,o){
return document.getelementsbytype(s,o);
};
$tag = function (s,o){
this.d=o || document;
return this.d.getelementsbytagname(s);
};
$name = function (s){ //通过name的方式只能针对整个document而言，不能为其限定范围
return document.getelementsbyname(s);
};