2010-06-28 53 views

回答

0

它得到一個DOM元素通過其ID

7

大多數HTML結構有一個名爲「ID」必須是在整個HTML頁面中唯一的元素。如<div id="uniqueDiv1">getElementById返回該HTML對象。在我的例子中,getElementById("uniqueDiv1")返回該div。然後,您可以使用它來設置樣式或使用它進行操作。

+0

而在Internet Explorer 6/7中,它將返回一個「name」屬性也具有該值的元素。換句話說,在這種情況下,Internet Explorer被打破。 (我認爲8解決了這個問題,但我不是100%確定的。) – Pointy 2010-06-28 20:27:39

1

它從HTML文檔中返回一個元素,該元素的ID屬性設置爲您要求的值。例如,JavaScript的

document.getElementById('myId'); 

將返回第一個元素中找到相匹配的ID,如

<a id="myId">Link</a> 

我說,「第一個元素髮現」,因爲這正是會發生什麼 - 顧名思義,在頁面中ID必須是唯一的。每個HTML頁面必須只有一個同名的ID。如果你違反這條規則,你會得到意想不到的結果。

0

getElementById允許您訪問頁面的元素。

允許使用此頁面作爲一個例子:

<html> 
<head> 
<title>Test Page</title> 
</head> 
<body> 
<div id="myDIV">Hello World!</div> 
</body> 
</html> 

document.getElemenById('myDIV').innerHTML會給你Hello World! document.getElementById('myDIV').style.display = "none"將隱藏div標籤。

如果你想看看它能在活動頁面上做些什麼,我會建議你得到Firefox並安裝Firebug插件。這將讓你看到所有的DOM東西,並與他們一起玩,而不必重新保存一個頁面。

相關問題