按 ID 查找 HTML 元素 - JavaScript

在 JavaScript 中，我们可以使用 document.getElementById() 方法按照元素的标识符（ID）来查找 HTML 文档中的元素。该方法接受一个参数，即元素的 ID 值，返回对应 ID 值的 HTML 元素对象。

示例代码：

// 获取 ID 为 myElement 的元素对象
let myElement = document.getElementById("myElement");

// 修改元素的文本内容
myElement.textContent = "Hello World!";

在上面的代码中，我们首先使用 document.getElementById() 方法获取 ID 为 myElement 的元素对象，然后使用 textContent 属性将其文本内容修改为 "Hello World!"。

需要注意的是，当元素不存在或者 ID 值错误时，document.getElementById() 方法将返回 null。因此，我们需要在使用元素对象之前进行非空判断。

示例代码：

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

if (myElement) {
  // 元素存在时进行操作
  myElement.textContent = "This element exists!";
}
else {
  // 元素不存在时进行操作
  console.log("This element does not exist.");
}

在上述代码中，由于 ID 为 nonexistentElement 的元素不存在，document.getElementById() 方法返回 null。因此，我们在使用元素对象之前进行了非空判断，并在控制台输出了 "This element does not exist."。

除了 getElementById() 方法，JavaScript 还提供了其他按照不同方式查找 HTML 元素的方法，例如 getElementsByClassName()、getElementsByTagName()、querySelector() 和 querySelectorAll()。这些方法也值得我们深入了解和使用。

以上就是按 ID 查找 HTML 元素的介绍，希望对大家有所帮助。