通过 id 获取元素

在 JavaScript 中，可以通过元素的 id 属性获取该元素对象。这个方法通常被用来操作 DOM 树，包括修改元素的样式、属性和添加事件监听等。

示例代码

// 获取 id 为 "my-element" 的元素
const myElement = document.getElementById("my-element");

// 修改元素的文本内容和样式
myElement.innerText = "Hello, world!";
myElement.style.color = "red";

// 添加事件监听器
myElement.addEventListener("click", () => {
  console.log("The element has been clicked!");
});

上述代码中，document.getElementById() 方法接受一个参数，即元素的 id 值，并返回一个表示该元素的对象。我们可以通过该对象来修改元素的属性和样式、添加事件监听器等。

注意事项

• 如果该元素不存在，则返回 null。
• 不同的浏览器对元素的 id 值的大小写敏感程度可能不同，建议在写 HTML 时统一使用小写字母。
• 如果有多个元素具有相同的 id 值，那么只会获取到第一个匹配的元素。

参考资料

• MDN - document.getElementById()