js根据属性值获取元素

2023年4月14日 337次阅读 来源: AdrianRD

现在，我们要获取下面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')
    原文作者：AdrianRD
    原文地址: https://www.jianshu.com/p/4a504943751e
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞