您好,欢迎来到二三四教育网。
搜索
您的当前位置:首页js根据属性值获取元素

js根据属性值获取元素

来源:二三四教育网

现在,我们要获取下面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')

Copyright © 2019- how234.cn 版权所有 赣ICP备2023008801号-2

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务