定義和用法
getElementById() 方法可返回對擁有指定ID 的第一個對象的引用。
語法
document.getElementById(id)
說明
HTML DOM 定義了多種查找元素的方法，除了getElementById() 之外，還有getElementsByName() 和getElementsByTagName()。
不過，如果您需要查找文檔中的一個特定的元素，最有效的方法是getElementById()。
在操作文檔的一個特定的元素時，最好給該元素一個id 屬性，為它指定一個（在文檔中）唯一的名稱，然後就可以用該ID 查找想要的元素。
實例
例子 1
<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>
例子 2
getElementById() 是一個重要的方法，在DOM 程序設計中，它的使用非常常見。我們為您定義了一個工具函數，這樣您就可以通過一個較短的名字來使用getElementById() 方法了：
function id(x) {
if (typeof x == "string") return document.getElementById(x) ;
return x;
}
上面這個函數接受元素ID 作為它們的參數。對於每個這樣的參數，您只要在使用前編寫x = id(x) 就可以了。
資料來源: http://www.w3school.com.cn/jsref/met_doc_getelementbyid.asp
沒有留言:
張貼留言