您的位置:首页 > Web前端 > JavaScript

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

2017-11-15 15:33 274 查看
函数实现:

        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]);

            }
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  js 获取元素