//接口封裝:封裝document.getElementByClassName()函數
function getElementsByClassName (cName,domTag,root) {//該函數有三個參數:第一個參數是class名(必選,字串形式);第二個參數是父容器(可選),默認爲body節點;第三個參數是該DOM節點的標籤名(字串形式)
if (root) {
root = typeof root == "string" ? document.getElementById(root) : root;
} else{
root = document.body;
};
domTag = domTag || "*";
var els = root.getElementsByTagName(domTag);
var arr = [];
for (var i = 0,n = els.length; i < n; i++) {
for (var j = 0,k = els[i].className.split(" "),l = k.length; j < l; j++) {
if (k[j] == cName) {
//console.log(els[i]);//這就是輸出的標籤DOm元素對象
// return els[i];els[i]就是Dom節點對象,追加到數組中保存
arr.push(els[i]);
break;
}
}
}
return arr;//返回的雖然是數組,可是數組存儲的都是一個個Dom元素節點,在外面要調用節點的話,用arr[0]這種方法調用便可
}
數組