querySelector 与 getElementById 方法的区别

querySelector和getElementById都是用来获取元素的方法，但它们有一些区别。

querySelector是通过使用CSS选择器来选择元素的。你可以使用类名、标签名、属性等等来选择元素。它返回匹配选择器的第一个元素。

而getElementById是通过元素的id属性来选择元素的。每个HTML元素都可以有一个唯一的id属性。它返回具有指定id的元素。

为什么我们经常使用getElementById()而不是querySelector()呢？这可能是因为getElementById()是一种更直观且常见的方式来获取一个唯一的元素。而querySelector()是一个更通用的方法，可以通过不同的选择器来获取元素，但它的用法可能稍微复杂一些。