JS 获取 id 值 - Javascript

在 JavaScript 中，我们需要使用 document.getElementById() 方法来获取一个 HTML 元素的引用。

1. 获取元素引用

要获取一个元素引用，我们需要使用它的 id 属性。比如，如果你的 HTML 代码中定义了一个具有 id 属性为 "myElement" 的元素，那么你可以使用 document.getElementById() 方法来获取该元素的引用，如下所示：

let myElement = document.getElementById("myElement");

该方法将返回一个指向指定元素的引用。如果指定的 id 不存在，那么该方法将返回 null。

2. 操作元素

获取元素引用之后，我们可以通过该引用来操作该元素。比如，我们可以修改该元素的属性、样式等。下面是几个例子：

修改元素文本

myElement.textContent = "Hello, World!";

修改元素背景颜色

myElement.style.backgroundColor = "red";

修改元素宽度

myElement.style.width = "100px";

3. 绑定事件处理程序

我们还可以绑定事件处理程序来响应用户的操作。比如，我们可以在点击元素时显示一个提示框。下面是一个例子：

myElement.addEventListener("click", function() {
  alert("You clicked me!");
});

4. 总结

获取元素的 id 值是 JavaScript 中一个非常常见的操作。通过 document.getElementById() 方法和得到的引用，我们可以对元素进行各种各样的操作，实现丰富的交互效果。