javascript选择器大全

目录

1.getElementsByTagName

2.getElementsByName

3.getElementById

4.getElementsByClassName

5.querySelector

6.querySelectorAll

---

1.getElementsByTagName

俗称标签选择器，可以根据标签名查找匹配到页面的元素对象，返回为一个数组。

<div></div>
let elements = document.getElementsByTagName('div');

2.getElementsByName

俗称name选择器，可以根据name属性的值查找匹配到页面的元素对象，返回为一个数组。

<input type="text" name="username">
<input type="text" name="email">
let usernameInput = document.getElementsByName('username')[0];
let emailInput = document.getElementsByName('email')[0];

3.getElementById

俗称 id 选择器 ， getElementById(id) 方法查找并返回一个与页面中 id 相匹配的元素对象。