querySelector和getElementById用法区别

querySelector 和 getElementById 都是用于获取 HTML 元素的 DOM API 方法，但在用法上有所区别：

1. **getElementById**: 这是一个非常基础且直接的方法，它接受一个字符串作为参数，该字符串应该是元素的 id 属性值。例如：

var elem = document.getElementById('myElement');

这种方法只能获取具有指定 id 的单个元素，如果存在多个同名 id，则只会返回第一个匹配到的元素。

2. **querySelector**: 这个方法更为灵活，可以使用 CSS 选择器来查询元素。它可以找到文档中与给定的选择器匹配的第一个元素。例如：

var elem = document.querySelector('#myElement .class-name');

这个例子会查找 id 为 "myElement" 的元素下的 class 名为 "class-name" 的所有子元素。你可以使用更复杂的 CSS 选择器，如后代、兄弟关系等。

**相关问题--:**
1. querySelector支持哪些类型的CSS选择器？
2. 在使用querySelector时如何处理找不到匹配元素的情况？
3. 当你需要获取多个元素时，应该使用哪种方法？