getElementById() 方法可返回對具有指定 ID 的第1個對象的援用。
語法:
document.getElementById(id)
HTML DOM 定義了多種查找元素的方法,除 getElementById() 以外,還有 getElementsByName() 和 getElementsByTagName()。
不過,如果需要查找文檔中的1個特定的元素,最有效的方法是 getElementById()。
在操作文檔的1個特定的元素時,最好給該元素1個 id 屬性,為它指定1個(在文檔中)唯1的名稱,然后就能夠用該 ID 查找想要的元素。
例子:
<html>
<head>
<script type="text/javascript">
function getValue()
{
var x=document.getElementById("myHeader")
alert(x.innerHTML)
}
</script>
</head>
<body>
<h1 id="myHeader" onclick="getValue()">This is a header</h1>
<p>Click on the header to alert its value</p>
</body>
</html>
例子:getElementById() 是1個重要的方法,在 DOM 程序設計中,它的使用非常常見。下面定義了1個工具函數,這樣就能夠通過1個較短的名字來使用 getElementById() 方法了:
function id(x) {
if (typeof x == "string") return document.getElementById(x)
;
return x;
}
上面這個函數接受元素 ID 作為它們的參數。對每一個這樣的參數,只要在使用前編寫 x = id(x) 就能夠了。