欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間: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)簽在一個(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)文章

  • 只出現(xiàn)一次的提示信息(js+cookies)

    只出現(xiàn)一次的提示信息(js+cookies)

    只顯示一次的提示信息,刷新一頁面或第二次來到這個(gè)頁面,就不會(huì)再彈出提示窗口了,用在網(wǎng)頁上是想當(dāng)實(shí)用的吧,因?yàn)楹芏嗳硕疾幌M?jīng)常彈出什么窗口,本效果因此會(huì)提升用戶體驗(yàn),讓用戶喜歡你的網(wǎng)頁
    2013-03-03
  • 利用BootStrap的Carousel.js實(shí)現(xiàn)輪播圖動(dòng)畫效果

    利用BootStrap的Carousel.js實(shí)現(xiàn)輪播圖動(dòng)畫效果

    這篇文章主要介紹了利用BootStrap的Carousel.js實(shí)現(xiàn)輪播圖動(dòng)畫效果的相關(guān)資料,需要的朋友可以參考下
    2016-12-12
  • JS判斷當(dāng)前頁面是否在微信瀏覽器打開的方法

    JS判斷當(dāng)前頁面是否在微信瀏覽器打開的方法

    這篇文章主要介紹了JS判斷當(dāng)前頁面是否在微信瀏覽器打開的方法,涉及JavaScript針對客戶端的相關(guān)判定技巧,非常簡單實(shí)用,需要的朋友可以參考下
    2015-12-12
  • 圖片輪換效果實(shí)現(xiàn)代碼(點(diǎn)擊按鈕停止執(zhí)行)

    圖片輪換效果實(shí)現(xiàn)代碼(點(diǎn)擊按鈕停止執(zhí)行)

    在這個(gè)實(shí)例中需要注意的是,要把images文件夾下圖片的命名設(shè)置為有順序的,1、2、3..才可以,感興趣的朋友可以參考下
    2013-04-04
  • javascript入門基礎(chǔ)之私有變量

    javascript入門基礎(chǔ)之私有變量

    開始接觸這門語言時(shí),可能都會(huì)覺得這門語言缺少訪問控制符(如public、private、protected),從而導(dǎo)致不能定義私有變量和私有方法。但經(jīng)過進(jìn)一步了解就會(huì)知道javascript同樣可以有私有變量。
    2010-02-02
  • 微信小程序?qū)崿F(xiàn)topBar底部選擇欄效果

    微信小程序?qū)崿F(xiàn)topBar底部選擇欄效果

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)topBar底部選擇欄效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2018-07-07
  • laydate.js日期時(shí)間選擇插件

    laydate.js日期時(shí)間選擇插件

    這篇文章主要為大家詳細(xì)介紹了laydate.js日期時(shí)間選擇插件,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-01-01
  • JS的數(shù)組迭代方法

    JS的數(shù)組迭代方法

    這篇文章主要介紹了JS的數(shù)組迭代方法,實(shí)例分析了javascript使用數(shù)組迭代的相關(guān)技巧,代碼中備有較為詳細(xì)的注釋便于理解,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-02-02
  • JavaScript更改class和id的方法

    JavaScript更改class和id的方法

    JavaScript允許你更改元素的class或id。當(dāng)你更改之后,瀏覽器會(huì)自動(dòng)更新元素的樣式。
    2008-10-10
  • js計(jì)時(shí)事件實(shí)現(xiàn)圓形時(shí)鐘

    js計(jì)時(shí)事件實(shí)現(xiàn)圓形時(shí)鐘

    這篇文章主要為大家詳細(xì)介紹了js計(jì)時(shí)事件實(shí)現(xiàn)圓形時(shí)鐘,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-10-10

最新評論