| 序号 | querySelector | getElementBy | 对比 |
|---|---|---|---|
| 1 | 报错 | 返回html元素 | 输入第一个字符是数字 |
| 2 | 返回匹配到的第一个元素 | 返回匹配到的第一个元素 | 匹配多个相同元素 |
| 3 | 相同ID使用querySelectorAll可以匹配到，返回NodeList集合 | 不支持查多个ID，通过其他方式getElementsByClassName返回的是HTML元素集合 | 匹配多个元素 |
| 4 | 获取到的结果，元素更新后不会改变（静态的） | 获取到的结果，元素更新后会改变（动态的） | 元素更新 |
| 5 | 属于W3C中的【Selector规范】，接收参数是【css选择符】 | 属于W3C的【DOM规范】，接收参数是【字符串】 | 不同规范 |
| 6 | querySelectorAll: 0.74365234375 ms | getElementsByTagName: 0.158935546875 ms | 性能（同时查找1000次） |
相同点：
- css伪类不会返回任何元素
