获取元素的 id JavaScript

在 JavaScript 中，我们可以通过 document.getElementById() 方法来获取元素的 id。

语法

document.getElementById(id)

其中，id 是要获取的元素的 id 属性的值，它必须是唯一的。

示例

<div id="myDiv">这是一个 div 元素</div>

const divEl = document.getElementById('myDiv');
console.log(divEl); // 输出 <div id="myDiv">这是一个 div 元素</div>

返回值

如果找到具有指定 id 属性的元素，则该方法将返回对该元素的引用（作为 Element 对象），否则返回 null。

注意事项

• 如果有多个元素具有相同的 id，则只有第一个元素会被返回。
• 这种方法只适用于通过 id 查找元素，无法用于查找其他属性。
• 如果需要获取多个具有相同 class 名称的元素，则可以使用 document.getElementsByClassName() 方法。

总之，document.getElementById() 方法是获取元素的 id 属性非常方便和快捷的方法，也是 Web 开发中经常使用的方法之一。