JS獲取html對象的幾種方式介紹_javascript技巧

來源：懂視網(wǎng) 責(zé)編：小采時間：2020-11-27 21:16:50

JS獲取html對象的幾種方式介紹_javascript技巧

JS獲取html對象的幾種方式介紹_javascript技巧:document.getElementById(zx); 通過ID獲取html元素對象，ID號在html文檔當(dāng)中應(yīng)該是唯一的。返回的是唯一element對象。并且所有瀏覽器都兼容。 document.getElementsByTagName(span)[0]; 通過標(biāo)簽查找html對象，由于html標(biāo)簽在一個

推薦度：

點擊下載本文 文檔為doc格式

導(dǎo)讀JS獲取html對象的幾種方式介紹_javascript技巧:document.getElementById(zx); 通過ID獲取html元素對象，ID號在html文檔當(dāng)中應(yīng)該是唯一的。返回的是唯一element對象。并且所有瀏覽器都兼容。 document.getElementsByTagName(span)[0]; 通過標(biāo)簽查找html對象，由于html標(biāo)簽在一個

document.getElementById("zx");

通過ID獲取html元素對象，ID號在html文檔當(dāng)中應(yīng)該是唯一的。返回的是唯一element對象。并且所有瀏覽器都兼容。

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

通過標(biāo)簽查找html對象，由于html標(biāo)簽在一個頁面中可能重復(fù)很多次，所以當(dāng)前頁面返回的是一個數(shù)組。可以根據(jù)標(biāo)簽出現(xiàn)的位置定位元素的對象。所有瀏覽器都兼容。

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

通過name屬性來定位html對象，但是并不是所有標(biāo)簽都有name屬性，但是我們可以人為的加上name屬性，這樣也可以定位到，由于name屬性可能有多個，不唯一。所以這個方法返回的也是一個數(shù)組，同樣我們也可以根據(jù)html當(dāng)中name的位置，進(jìn)行對name的定位。IE系列不兼容，不推薦使用。

innerHTML：這個方法是獲取該html元素的具體html代碼

document.getElementById("zx").innerHTML;

還可以更新元素的html代碼：

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

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com