HTML DOM getElementById() 方法

定义和用法

getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。

语法

  1. document.getElementById(id)

说明

HTML DOM 定义了多种查找元素的方法，除了 getElementById() 之外，还有 getElementsByName() 和 getElementsByTagName()。

不过，如果您需要查找文档中的一个特定的元素，最有效的方法是 getElementById()。

在操作文档的一个特定的元素时，最好给该元素一个 id 属性，为它指定一个（在文档中）唯一的名称，然后就可以用该 ID 查找想要的元素。

实例

例子 1

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function getValue()
  5.   {
  6.   var x=document.getElementById("myHeader")
  7.   alert(x.innerHTML)
  8.   }
  9. </script>
  10. </head>
  11. <body>
  12.  
  13. <h1 id="myHeader" onclick="getValue()">This is a header</h1>
  14. <p>Click on the header to alert its value</p>
  15.  
  16. </body>
  17. </html>

例子 2

getElementById() 是一个重要的方法，在 DOM 程序设计中，它的使用非常常见。我们为您定义了一个工具函数，这样您就可以通过一个较短的名字来使用 getElementById() 方法了：

  1. function id(x) {
  2.   if (typeof x == "string") return document.getElementById(x);
  3.   return x;
  4.   }

上面这个函数接受元素 ID 作为它们的参数。对于每个这样的参数，您只要在使用前编写 x = id(x) 就可以了。