JavaScript中GetDocument与querySelector的比较

document.getElementById 和 document.querySelector 在 JavaScript 中用于获取文档中的元素。它们之间的主要区别在于：

1. document.getElementById 只能通过元素的 id 属性来获取元素，而 document.querySelector 可以通过任何 CSS 选择器来获取元素。

var element1 = document.getElementById("myElement"); // 通过 id 获取元素
var element2 = document.querySelector(".myClass"); // 通过类选择器获取元素
var element3 = document.querySelector("#myElement"); // 通过 id 选择器获取元素

2. document.getElementById 返回的是一个单个元素，而 document.querySelector 返回的是第一个匹配到的元素。如果要获取多个元素，可以使用 document.querySelectorAll。

var element1 = document.getElementById("myElement"); // 返回单个元素
var element2 = document.querySelector(".myClass"); // 返回第一个匹配的元素
var elements = document.querySelectorAll(".myClass"); // 返回所有匹配的元素

总的来说，document.getElementById 更适合用于获取具有唯一 id 的元素，而 document.querySelector 则更灵活，可以通过各种选择器获取元素。