document.getElementById和document.querySelector有什么区别

document.getElementById和document.querySelector都是JavaScript中用于DOM操作的方法，但它们有以下区别：

1. 返回值不同：document.getElementById返回的是一个元素对象，而document.querySelector返回的是一个匹配到的第一个元素对象或者null（如果没有找到匹配的元素）。

2. 参数不同：document.getElementById需要传入一个元素的id，而document.querySelector可以接受任何CSS选择器作为参数。

3. 兼容性不同：document.getElementById是一个早期的DOM方法，在所有主流浏览器中都被广泛支持，而document.querySelector则是在较新的浏览器中才被引入，可能在一些较老的浏览器中不被支持。