document.getElementById() - JavaScript

document.getElementById() 是一个使用最广泛的 JavaScript 函数之一，它用于返回指定 ID 的 HTML 元素。

语法

document.getElementById(id)

参数：

• id：要查找的元素的 ID，必填。字符串类型。

返回值：

• 如果找到，则返回一个表示该元素的对象；如果找不到，则返回 null。

示例

<div id="myDiv">
  <p>Hello, World!</p>
</div>
<script>
  var div = document.getElementById("myDiv");
  console.log(div); // 打印: <div id="myDiv">...</div>
</script>

特点

• document.getElementById 仅返回匹配 ID 的第一个元素。
• 如果没有元素的 ID 匹配指定的参数，则返回 null。
• 不要将 ID 名称分配给多个元素，因为这会影响网页的可访问性。

这是一个非常基本的 JavaScript 函数，如果您使用 JavaScript 的话，它应该是您的日常工具之一。

建议您遵循一致的命名规范来定义元素的 ID，以帮助代码的可读性和维护性。此外，还应注意确保网页上元素的 ID 不重复。

希望这篇文章能够帮助您更好地了解 document.getElementById() 的用法和特点。