getElementByID 如何在 JavaScript 中工作？

文档方法getElementById()返回一个元素对象，表示其 id 属性与给定值匹配的元素。此方法用于操作我们文档上的元素，并广泛用于网页设计中以更改任何特定元素的值或获取特定元素。如果传递给该方法的 ID 不存在，则返回 null。

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

句法：

const gfg = document.getElementById(id);

参数：

• id：我们要抓取的元素的id。是一个区分大小写的字符串，在文档中是唯一的。

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

示例：下面的示例通过获取具有指定值的 id 属性的元素来说明getElementById的使用。

HTML

 

     
    
    GeeksforGeeks
     
    
    
     
    // Grabbing element
    const gfg = document.getElementById('gfg');
    console.log(gfg.innerText)
    

 

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

按 ID 获取元素