通过 id 获取文档 - Javascript

在 Javascript 中，通过 id 获取文档元素是一项基本操作。通过获取文档元素，我们可以在代码中对其进行操作，如更改样式、更改内容等。在本文中，我们将深入探讨如何通过 id 获取文档元素。

代码片段

下面是一个简单的示例，演示如何通过元素 ID 选择器获取文档元素：

const element = document.getElementById('my-element')

解释

getElementById() 是 Document 对象的一个方法，它接受一个字符串参数，该参数是文档元素的 ID。如果有一个匹配该 ID 的元素，它将返回该元素。如果找不到，则返回 null。

在上面的代码片段中，我们将 getElementById() 的结果存储在一个名为 element 的变量中。现在，我们可以对该元素进行操作，如下所示：

element.style.backgroundColor = 'red'  // 改变元素背景色为红色
element.innerHTML = 'Hello World!'  // 更改元素的内部内容

总结

通过 id 获取文档元素是一项基本的 Javascript 操作。它可以使我们更轻松地操作文档元素。在上面的示例中，我们了解了如何使用 getElementById() 方法获取元素的 ID。我们还探讨了如何使用返回的元素进行操作的例子。