简单的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;

}

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点！
本站所提供的图片等素材，版权归原作者所有，如需使用，请与原作者联系。