JS取得html物件的幾種方式介紹_javascript技巧

document.getElementById("zx");

透過ID取得html元素對象，ID號在html文檔當中應該是唯一的。回傳的是唯一element物件。並且所有瀏覽器都相容。

document.getElementsByTagName("span")[0];

透過標籤尋找html對象，由於html標籤可能在一個頁面中重複很多次，所以目前頁面回傳的是一個陣列。可以根據標籤出現的位置定位元素的物件。所有瀏覽器都相容。

document.getElementsByName("hh")[0];

透過name屬性來定位html對象，但是並不是所有標籤都有name屬性，但是我們可以人為的加上name屬性，這樣也可以定位到，由於name屬性可能有多個，不唯一。所以這個方法回傳的也是一個數組，同樣我們也可以依照html當中name的位置，進行對name的定位。 IE系列不相容，不建議使用。

innerHTML：這個方法是取得該html元素的具體html程式碼

document.getElementById("zx").innerHTML;

也可以更新元素的html程式碼：

document.getElementById("zx").innerHTML="我們約會吧~";