js的无敌函数,没有id获取元素

来源:互联网 发布:scientific linux安装 编辑:程序博客网 时间:2024/06/04 18:09
函数实现:
        function getElementByAttr(tag,attr,value)
        {
                var aElements=document.getElementsByTagName(tag);
                var aEle=[];
                for(var i=0;i<aElements.length;i++)
                {
                        if(aElements[i].getAttribute(attr)==value){
                        aEle.push( aElements[i] );
                        }
                }
        return aEle;

        }

html格式如下:

                <div id="pull-down-menu" data='1'>
                </div>

调用:var pull_down_menu_div=getElementByAttr('div','data','1')

         和var pull_down_menu_div=document.getElementById("id")效果一样

使用:pull_down_menu_div是数组

        如果有一个元素的属性data='1',通过pull_down_menu_div[0]获取

        如果有多个元素的属性为data='1',使用for循环:

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

                    console.log(pull_down_menu_div[i]);

            }




原创粉丝点击