欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

js根据属性值获取元素

程序员文章站 2024-03-17 11:16:04
...

现在,我们要获取下面html中所有node属性为a1的div

<!DOCTYPE html>
<html>
     <head>
           <meta charset= "utf-8" >
           <title >js根据属性值获取元素</title >
     </head >
     <body >        
        <div node="a1">q1</div>
        <div node="a2">q2</div>
        <div node="a3">q3</div>
        
        <div node="a1">q11</div>
        <div node="a2">q12</div>
        <div node="a3">q13</div>

        <div node="a1">q21</div>
        <div node="a2">q22</div>
        <div node="a3">q23</div>
     </body>
</html>

使用jQuery

$('div[node="a1"]')

使用原生js

function getDom(tagName,name,value){
    var selectDom = [];
    var dom=document.getElementsByTagName(tagName);
    for (var i=0; i<dom.length; i++) {
        if(value===dom[i].getAttribute(name)){
            selectDom.push(dom[i]);
        }
    }
    return selectDom;
}
getDom('div','node','a1')