querySelector与getElementById有何不同之处？

本文共计2589个文字，预计阅读时间需要11分钟。

目录 + 1. 概述

1.1 `querySelector()` 和 `querySelectorAll()` 的用法

1.2 `getElement(s)Byxxxx()` 的用法

2.区别

2.1 `getElement(s)Byxxxx()` 获取的是动态集合，`querySelector` 获取的是静态集合

2.2 接收的参数不同

2.3 浏览器兼容性

目录

• 1. 概述
• 1.1 querySelector() 和 querySelectorAll() 的用法
• 1.2 getElement(s)Byxxxx 的用法
• 2. 区别
• 2.1 getElement(s)Byxxxx 获取的是动态集合，querySelector 获取的是静态集合
• 2.2 接收的参数不同
• 2.3 浏览器兼容不同
• 2.4 querySelector 属于 W3C 中的 Selectors API 规范 ，而 getElementsBy 系列属于 W3C 的 DOM 规范

1. 概述

在看代码的时候发现基本上都是用 querySelector() 和 querySelectorAll() 来获取元素，疑惑为什么不用 getElementById()。