簡單的DOM的API封裝

/根據ID獲取元素/
var $id = function(id){
    return document.getElementById(id);
};

/根據標簽名獲取元素，返回元素的節點偽數組/
var $tag = function(tagName, parent){
    return (parent || document).getElementsByTagName(tagName);
};
 /根據樣式名獲取元素，返回元素的節點數組。其中className是必填項目/
var $class = function (className, tagName, parent) {

//元素可能存在多個className,故匹配我們所需要的className
var re = new RegExp('(^|\\s)' + className + '(\\s|$)'), node = [];

if (arguments.length === 1) {
    //只傳入className
    tagName = "*";
    parent = document;

} else if (arguments.length === 2 && tagName.constructor === "String") {
    //傳入ClassName和節點類型
    parent = document;

} else if (arguments.length === 2 && tagName.constructor !== "String") {
    //傳入ClassName和父親節點
    tagName = "*"

} else if (arguments.length === 3) {
    //傳入ClassName和節點類型以及父親節點
}

var nodebyTag = parent.getElementsByTagName(tagName);

for (var i = 0; i < nodebyTag.length; i++) {

    if (re.test(nodebyTag[i].className)) {
        node.push(nodebyTag[i]);
    }
}

return node;


}</pre>