getElementById

Tutorial: DOM操作 Category: JS Published: 2026-04-07 13:58:26 Views: 26 Likes: 0 Comments: 0

获取元素的方式一

<!DOCTYPE html>
<html lang="en">
  <head></head>

  <body>
    <div id="time">2022</div>
    <script>
      // 1. 因为我们文档页面从上往下加载, 所以先得有标签 所以我们script写到标签的下面
      // 2. get 获得 element 元素 by 通过 驼峰命名法
      // 3. 参数 id是大小写敏感的字符串
      // 4. 返回的是一个元素对象
      var timer = document.getElementById("time");

      console.log(timer);
      // <div id="time">2022</div>

      console.log(typeof timer);
      // object

      // 5. console.dir 打印我们返回的元素对象 更好的查看里面的属性和方法
      console.dir(timer);
    </script>
  </body>
</html>
Prev: None Next: getElementsByTagName