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]);
}
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]);
}
相关文章推荐
- 没有id没有name iframe中获取iframe本身dom元素
- 学习笔记之php页面中js获取标签元素的ID值方法
- 原生JS可以直接使用ID名称来获取元素
- js获取某id下面的div元素个数并判断输出
- js中用tagname和id获取元素的3种方法
- js之checkbox的代码全选/全不选,使用id获取元素,而不是name
- js querySelector和getElementById通过id获取元素的区别
- js获取iframe中的元素以及在iframe中获取父级的元素(包括iframe中不存在name和id的情况)
- js 。jquery 的配合获取相同id的元素
- js querySelector和getElementById通过id获取元素的区别
- 为什么原生JS可以直接使用ID名称来获取元素
- 元素JS和jquery如何获取点击元素的id或name属性
- js中利用tagname和id获取元素的方法
- js中获取指定ID元素方法和指定类型元素的方法
- 为什么原生JS可以直接使用ID名称来获取元素
- jQuery .html()用为读取和修改元素的HTML标签 对应js中的innerHTML[通过ID获取元素]
- document.getElementById("idName")用js方法获取元素,则设定风格属性的方法为
- web开发设计--JS学习之通过ID获取元素
- js中用tagname和id获取元素的3种方法
- selenium中用js定位html上没有id,没有name的元素