首頁 > web前端 > js教程 > JS取得html物件的幾種方式介紹_javascript技巧

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

WBOY
發布: 2016-05-16 17:10:38
原創
1045 人瀏覽過

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="我們約會吧~";

相關標籤:
js
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板