JAVAEE——JavaScript四种常见的选择器

<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(inpi);

}

name选择器（获取到的是数组，需要for循环遍历）

var inp = document.getElementsByName("name");

for(var i = 0; i < inp.length; i++){

console.log(inpi);

}

标签选择器（获取到的是数组，需要for循环遍历）

var inp = document.getElementsByTagName("input");

for(var i = 0; i < inp.length; i++){

console.log(inpi);

}

</script>

</body>

日常开发中ID选择器和Class选择器用的比较多