JS獲取html對象的幾種方式介紹
document.getElementById("zx");
通過ID獲取html元素對象,ID號在html文檔當(dāng)中應(yīng)該是唯一的。返回的是唯一element對象。并且所有瀏覽器都兼容。
document.getElementsByTagName("span")[0];
通過標(biāo)簽查找html對象,由于html標(biāo)簽在一個(gè)頁面中可能重復(fù)很多次,所以當(dāng)前頁面返回的是一個(gè)數(shù)組。可以根據(jù)標(biāo)簽出現(xiàn)的位置定位元素的對象。所有瀏覽器都兼容。
document.getElementsByName("hh")[0];
通過name屬性來定位html對象,但是并不是所有標(biāo)簽都有name屬性,但是我們可以人為的加上name屬性,這樣也可以定位到,由于name屬性可能有多個(gè),不唯一。所以這個(gè)方法返回的也是一個(gè)數(shù)組,同樣我們也可以根據(jù)html當(dāng)中name的位置,進(jìn)行對name的定位。IE系列不兼容,不推薦使用。
innerHTML:這個(gè)方法是獲取該html元素的具體html代碼
document.getElementById("zx").innerHTML;
還可以更新元素的html代碼:
document.getElementById("zx").innerHTML="<b>我們約會(huì)吧~</b>";
相關(guān)文章
利用BootStrap的Carousel.js實(shí)現(xiàn)輪播圖動(dòng)畫效果
這篇文章主要介紹了利用BootStrap的Carousel.js實(shí)現(xiàn)輪播圖動(dòng)畫效果的相關(guān)資料,需要的朋友可以參考下2016-12-12圖片輪換效果實(shí)現(xiàn)代碼(點(diǎn)擊按鈕停止執(zhí)行)
在這個(gè)實(shí)例中需要注意的是,要把images文件夾下圖片的命名設(shè)置為有順序的,1、2、3..才可以,感興趣的朋友可以參考下2013-04-04微信小程序?qū)崿F(xiàn)topBar底部選擇欄效果
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)topBar底部選擇欄效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-07-07js計(jì)時(shí)事件實(shí)現(xiàn)圓形時(shí)鐘
這篇文章主要為大家詳細(xì)介紹了js計(jì)時(shí)事件實(shí)現(xiàn)圓形時(shí)鐘,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-10-10