JS獲取html對象的幾種方式介紹
更新時間：2013年12月05日 14:58:25 作者：
這篇文章主要介紹了JS獲取html對象的幾種方式，有需要的朋友可以參考一下
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="<b>我們約會吧~</b>";
相關(guān)文章
下面小編就為大家?guī)硪黄趈s 本地存儲(詳解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
這篇文章主要介紹了PassWord輸入框的代碼,代碼簡單易懂，非常實(shí)用，具有參考借鑒價值，需要的朋友可以參考下2016-06-06
這篇文章主要介紹了JavaScript錯誤處理操作,結(jié)合實(shí)例形式分析了javascript常見的錯誤類型、錯誤處理語句以及相關(guān)使用技巧,需要的朋友可以參考下2019-01-01
微信小程序通過一個json實(shí)現(xiàn)分享朋友圈圖片
這篇文章主要給大家介紹了關(guān)于微信小程序通過一個json實(shí)現(xiàn)分享朋友圈圖片的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用微信小程序具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09
基于JavaScript實(shí)現(xiàn)圖片放大鏡功能
在一些電商網(wǎng)站上，經(jīng)常看到有商品圖片被放大查看的功能，所以本文將使用前端技術(shù)實(shí)現(xiàn)一個簡單的圖片放大鏡功能，希望能給大家?guī)硪欢ǖ膸椭?/div> 2023-06-06
這篇文章主要為大家詳細(xì) 介紹了OpenLayer學(xué)習(xí)之自定義測量控件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
本文匯總了解決js跨域問題的5種方法，除了最后一種使用flash解決跨域問題由于過于高端，沒有做出介紹外，其余四種都做了下總結(jié)，這里推薦給有相同需求的小伙伴。2014-12-12
這篇文章主要介紹了微信小程序入口場景的問題集合與相關(guān)解決方法,從零開始開發(fā)一個小程序，大多數(shù)坑點(diǎn)都是在微信小程序的各個入口場景處。所以這里整理一下微信小程序的各個入口場景會面臨的問題以及解決方案,需要的朋友可以參考下2019-06-06
easycom是uniapp的一種組件自動引入的規(guī)則,使用這種規(guī)則可以使?jié)M足規(guī)則的組件無需注冊直接使用,下面這篇文章主要給大家介紹了關(guān)于uniapp中如何使用easycom自定義組件的相關(guān)資料,需要的朋友可以參考下2023-05-05
JS遍歷數(shù)組及打印數(shù)組實(shí)例分析
這篇文章主要介紹了JS遍歷數(shù)組及打印數(shù)組的方法,結(jié)合實(shí)例形式分析JavaScript數(shù)組的遍歷與打印輸出相關(guān)技巧,需要的朋友可以參考下2016-01-01最新評論