document.getElementById 和 document.querySelector 在 JavaScript 中用于獲取文檔中的元素。它們之間的主要區別在于：
document.getElementById 只能通過元素的 id 屬性來獲取元素，而 document.querySelector 可以通過任何 CSS 選擇器來獲取元素。var element1 = document.getElementById("myElement"); // 通過 id 獲取元素
var element2 = document.querySelector(".myClass"); // 通過類選擇器獲取元素
var element3 = document.querySelector("#myElement"); // 通過 id 選擇器獲取元素
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 則更靈活，可以通過各種選擇器獲取元素。
