http://www.qihangnet.com/PermaLink,guid,1b1d9be5-aa76-4e0d-9ac6-f52ae9505111.aspx
http://www.xiujie.cn/blog/post/41.html?bbs.xiujie.cn
document沒有這個方法，
但是我們可以自己寫
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 < children.length; ii++) {
var child = children[ii];
var classNames = child.className.split(' ');
for (var j = 0; j < classNames.length; 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 < children.length; ii++) {
if (children[ii].type == sTypeValue) {
elements.push(children[ii]);
}
}
return elements;
}
function $() {
var elements = new Array();
for (var ii = 0; ii < arguments.length; 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);