querySelector和getElementById有何具体应用场景差异？

本文共计2590个文字，预计阅读时间需要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()。
可能因为自己没用过那两个，所以并不清楚原因所在。