📌  相关文章
📜  javascript 通过 id 获取元素 - Javascript (1)

📅  最后修改于: 2023-12-03 15:16:16.218000             🧑  作者: Mango

JavaScript通过ID获取元素

在JavaScript中，我们可以使用 document.getElementById() 来获取一个元素，这个方法会根据给定的ID返回一个DOM元素对象。

示例代码
const element = document.getElementById('example');

上面的代码中，我们通过ID example 获取到了一个DOM元素对象，保存在 element 变量中。

HTML示例
<!DOCTYPE html>
<html>
  <head>
    <title>JavaScript获取元素</title>
  </head>
  <body>
    <div id="example">这是一个例子元素。</div>
    <script>
      const element = document.getElementById('example');
      console.log(element.innerText);
    </script>
  </body>
</html>

在上面的示例程序中，我们在HTML代码中声明了一个带有 id="example" 属性的 div 元素，然后在JavaScript代码中通过 document.getElementById() 获取到了这个元素并输出了其内容。

注意事项
  • 通过 document.getElementById() 获取到的元素对象如果不存在，则返回 null。
  • 如果在页面中有多个ID相同的元素，获取到的始终是第一个。
  • 获取到的元素对象可以直接修改其属性值，例如 element.style.color = 'red' 就可以将元素的字体颜色设置为红色。

以上就是JavaScript通过ID获取元素的介绍和示例，希望对你有所帮助。