深入理解 JavaScript 中的 `getElementById` 方法
在 JavaScript 中，`getElementById` 是一个非常常用的方法，用于获取 HTML 文档中具有特定 ID 的元素，这个方法属于 `document` 对象，也就是说，你只需要通过调用 `document.getElementById`，然后传入一个字符串参数（这个字符串应该匹配你想要获取的元素的 ID），就可以获取到那个元素。
下面是一个简单的例子：
// 获取 id 为 "myElement" 的元素
var element = document.getElementById("myElement");
在这个例子中，"myElement" 是元素的 ID，而 `element` 是一个变量，用于存储获取到的元素。
一旦你获取到了元素，你就可以对其进行各种操作，比如改变它的内容、样式等。
var element = document.getElementById("myElement");
element.innerHTML = "新的内容"; // 改变元素的内容
element.style.color = "red"; // 改变元素的字体颜色
值得注意的是，HTML 中的 ID 应该是唯一的，也就是说，在一个页面中，每个 ID 只应该出现一次，如果你试图使用 `getElementById` 获取一个不存在或者重复的 ID，`getElementById` 将返回 `null`，在使用返回的元素之前，检查其是否存在是一个好习惯：
var element = document.getElementById("myElement");
if (element) {
element.innerHTML = "新的内容"; // 只有在元素存在时才改变其内容
} else {
console.log("元素不存在");
}
虽然 `getElementById` 是一个非常方便的方法，但它也有一些局限性，它只能获取单个元素（也就是说，如果页面上有多个元素具有相同的 ID，`getElementById` 只返回第一个），如果你需要获取一组元素，你可能需要使用其他方法，比如 `getElementsByClassName` 或 `querySelectorAll`。
