<body>
<input type="text" id="inp" value="123" class="a13" />
<input type="text" class="in" name="name"/>
<input type="text" class="in" name="name"/>
<input type="text" class="in" />
<input type="text" class="in" />
<script>
id选择器
var inp = document.getElementById("inp");
console.log(inp);
class选择器(获取到的是数组,需要for循环遍历)
var inp = document.getElementsByClassName("in");
for(var i = 0; i < inp.length; i++){
console.log(inp[i]);
}
name选择器(获取到的是数组,需要for循环遍历)
var inp = document.getElementsByName("name");
for(var i = 0; i < inp.length; i++){
console.log(inp[i]);
}
标签选择器(获取到的是数组,需要for循环遍历)
var inp = document.getElementsByTagName("input");
for(var i = 0; i < inp.length; i++){
console.log(inp[i]);
}
</script>
</body>
日常开发中ID选择器和Class选择器用的比较多