JS獲取html對(duì)象的幾種方式介紹
document.getElementById("zx");
通過(guò)ID獲取html元素對(duì)象，ID號(hào)在html文檔當(dāng)中應(yīng)該是唯一的。返回的是唯一element對(duì)象。并且所有瀏覽器都兼容。
document.getElementsByTagName("span")[0];
通過(guò)標(biāo)簽查找html對(duì)象，由于html標(biāo)簽在一個(gè)頁(yè)面中可能重復(fù)很多次，所以當(dāng)前頁(yè)面返回的是一個(gè)數(shù)組。可以根據(jù)標(biāo)簽出現(xiàn)的位置定位元素的對(duì)象。所有瀏覽器都兼容。
document.getElementsByName("hh")[0];
通過(guò)name屬性來(lái)定位html對(duì)象，但是并不是所有標(biāo)簽都有name屬性，但是我們可以人為的加上name屬性，這樣也可以定位到，由于name屬性可能有多個(gè)，不唯一。所以這個(gè)方法返回的也是一個(gè)數(shù)組，同樣我們也可以根據(jù)html當(dāng)中name的位置，進(jìn)行對(duì)name的定位。IE系列不兼容，不推薦使用。
innerHTML：這個(gè)方法是獲取該html元素的具體html代碼
document.getElementById("zx").innerHTML;
還可以更新元素的html代碼：
document.getElementById("zx").innerHTML="<b>我們約會(huì)吧~</b>";
相關(guān)文章
下面小編就為大家?guī)?lái)一篇基于js 本地存儲(chǔ)(詳解)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08
這篇文章主要介紹了PassWord輸入框的代碼,代碼簡(jiǎn)單易懂，非常實(shí)用，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-06-06
JavaScript錯(cuò)誤處理操作實(shí)例詳解
這篇文章主要介紹了JavaScript錯(cuò)誤處理操作,結(jié)合實(shí)例形式分析了javascript常見(jiàn)的錯(cuò)誤類(lèi)型、錯(cuò)誤處理語(yǔ)句以及相關(guān)使用技巧,需要的朋友可以參考下2019-01-01
微信小程序通過(guò)一個(gè)json實(shí)現(xiàn)分享朋友圈圖片
這篇文章主要給大家介紹了關(guān)于微信小程序通過(guò)一個(gè)json實(shí)現(xiàn)分享朋友圈圖片的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用微信小程序具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09
基于JavaScript實(shí)現(xiàn)圖片放大鏡功能
在一些電商網(wǎng)站上，經(jīng)?？吹接猩唐穲D片被放大查看的功能，所以本文將使用前端技術(shù)實(shí)現(xiàn)一個(gè)簡(jiǎn)單的圖片放大鏡功能，希望能給大家?guī)?lái)一定的幫助2023-06-06
OpenLayer學(xué)習(xí)之自定義測(cè)量控件
這篇文章主要為大家詳細(xì) 介紹了OpenLayer學(xué)習(xí)之自定義測(cè)量控件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09
本文匯總了解決js跨域問(wèn)題的5種方法，除了最后一種使用flash解決跨域問(wèn)題由于過(guò)于高端，沒(méi)有做出介紹外，其余四種都做了下總結(jié)，這里推薦給有相同需求的小伙伴。2014-12-12
微信小程序入口場(chǎng)景的問(wèn)題集合與相關(guān)解決方法
這篇文章主要介紹了微信小程序入口場(chǎng)景的問(wèn)題集合與相關(guān)解決方法,從零開(kāi)始開(kāi)發(fā)一個(gè)小程序，大多數(shù)坑點(diǎn)都是在微信小程序的各個(gè)入口場(chǎng)景處。所以這里整理一下微信小程序的各個(gè)入口場(chǎng)景會(huì)面臨的問(wèn)題以及解決方案,需要的朋友可以參考下2019-06-06
easycom是uniapp的一種組件自動(dòng)引入的規(guī)則,使用這種規(guī)則可以使?jié)M足規(guī)則的組件無(wú)需注冊(cè)直接使用,下面這篇文章主要給大家介紹了關(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