📅 最后修改于: 2023-12-03 15:15:15.342000 🧑 作者: Mango
在 JavaScript 中，使用 getElementById() 方法可以通过元素的 ID 属性获取文档中的 HTML 元素。这个方法是 JavaScript 中最常用的一种方法之一，通常用于获取页面中的特定元素进行操作。
getElementById() 方法的语法非常简单，只需传入一个参数，即需要获取的元素的 ID 值。
document.getElementById(elementID)
其中，elementID 为需要获取的元素的 ID 值。需要注意的是，这个 ID 值需要在 HTML 中是唯一的。如果存在多个元素具有相同的 ID，getElementById() 方法只会返回第一个匹配的元素。
下面是一个简单的示例，演示如何使用 getElementById() 方法获取 HTML 元素。
<!DOCTYPE html>
<html>
<head>
<title>getElementById 示例</title>
</head>
<body>
<div id="myDiv">
<h1>这是一个标题</h1>
<p>这是一段文本。</p>
</div>
<script>
var myDiv = document.getElementById("myDiv");
myDiv.style.border = "3px solid red";
</script>
</body>
</html>
在这个示例中，我们通过 ID 获取了一个名为 "myDiv" 的 div 元素，并将其边框样式修改为红色。
getElementById() 是 JavaScript 中非常常用的一种方法，用于获取文档中特定的 HTML 元素。开发者可以使用这个方法来操作 HTML 元素的属性、样式和内容等，从而实现各种动态效果。需要注意的是，ID 值必须在 HTML 中是唯一的，否则方法只会返回第一个匹配的元素。