JavaScript getElementByID如何工作

document方法 getElementByID() 返回一个表示其 id 属性与给定值匹配的元素对象。此方法用于操作文档中的元素，并且广泛用来在 Web 设计中更改特定元素的值或获取特定元素。如果传入的方法 ID 不存在，则返回 null。

网页中应使用唯一的 ID。虽然，如果特定 ID 存在多个元素，那么在代码中getElementByID 只会考虑并返回第一个元素。

语法：

const gfg = document.getElementById(id);

参数：

id： 要获取的元素的 id。这是一个大小写敏感的字符串，在文档中是唯一的。

返回值： 具有指定 id 的元素对象，或者如果找不到匹配的元素，则返回 null。

示例： 下面的示例演示了使用 getElementById 获取具有指定值的 id 属性的元素。

<!DOCTYPE html>
<html lang="en">
 
<body>
     
    <!-- defining an element with an id -->
    <h1 id="gfg">GeeksforGeeks</h1>
     
    <!-- Adding javascript -->
    <script>
     
    // Grabbing element
    const gfg = document.getElementById('gfg');
    console.log(gfg.innerText)
    </script>
</body>
 
</html>

输出： 在这里，您可以看到控制台选项卡中打印出了“GeeksforGeeks”。现在，在获取元素之后，我们可以对该元素执行任何操作，比如更改文本、添加样式等。

JavaScript getElementByID如何工作