多个<label>标签,如何选中其中的一个

html中标签中只有for属性,且是多个标签,如何选中其中的一个?

图片说明图片说明

首先判断属性有什么区别,要么用位数

你把这个封装一下,传入for 的属性值,就可以实现一个根据for 属性查找的方法了

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
   <input type="radio" name="name" id="name" value=""/><label for="name"></label>
   <input type="text" name="jack" id="jack" value=""/><label for="jack"></label>
    <script>
    list=document.getElementsByTagName('label')
    var len= list.length;
        for(var i=0;i<len;i++){
            console.log(list[i]);
            if(list[i].getAttribute("for")=="name"){
                console.log("找到了");
                break;
            }
        }
    </script>
</body>
</html>

你可以用:document.querySelector("label[for='值']"),来查找