快捷導(dǎo)航

JS簡單實(shí)現(xiàn)獲取元素的封裝操作示例

更新時(shí)間：2017年04月07日 10:01:00 作者：謝玉勝

這篇文章主要介紹了JS簡單實(shí)現(xiàn)獲取元素的封裝操作,結(jié)合實(shí)例形式分析了JS針對(duì)頁面ID、class、TAG元素獲取的函數(shù)與對(duì)象封裝操作實(shí)現(xiàn)方法,需要的朋友可以參考下

本文實(shí)例講述了JS簡單實(shí)現(xiàn)獲取元素的封裝操作。分享給大家供大家參考，具體如下：

JS封裝獲取元素

js的獲取元素：

ID：document.getElementById();
class:document.getElementsByName()[];
Tag:document.getElementsByTagName()[]

現(xiàn)在我們要簡單的封裝這個(gè)

1. 函數(shù)寫法：

function $(id){
  return document.getElementById();
}

其他類同

使用方法：

$(id) /$(tagname)[0]

2. 對(duì)象寫法：

var Base={
  getId:function(id){
    return document.getElementById();
  },
  getTag:function(){
    return document.getElementsByTagName();
  }
}

使用方法：

Base.getId(id)

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript頁面元素操作技巧總結(jié)》、《JavaScript事件相關(guān)操作與技巧大全》、《JavaScript操作DOM技巧總結(jié)》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

Java與JavaScript中判斷兩字符串是否相等的區(qū)別
這篇文章主要介紹了Java與JavaScript中判斷兩字符串是否相等的區(qū)別,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2017-03-03
js全選實(shí)現(xiàn)和判斷是否有復(fù)選框選中的方法
這篇文章主要介紹了js全選實(shí)現(xiàn)和判斷是否有復(fù)選框選中的方法,涉及javascript操作復(fù)選框的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-02-02
JS實(shí)現(xiàn)帶有抽屜效果的產(chǎn)品類網(wǎng)站多級(jí)導(dǎo)航菜單代碼
這篇文章主要介紹了JS實(shí)現(xiàn)帶有抽屜效果的產(chǎn)品類網(wǎng)站多級(jí)導(dǎo)航菜單代碼,涉及JavaScript動(dòng)態(tài)操作頁面元素屬性的技巧,整體界面效果美觀大方,具有極強(qiáng)的立體感,需要的朋友可以參考下
2015-09-09
javascript實(shí)現(xiàn)校驗(yàn)文件上傳控件實(shí)例
這篇文章主要介紹了javascript實(shí)現(xiàn)校驗(yàn)文件上傳控件,實(shí)例分析了javascript檢測上傳文件類型是否為圖片的功能,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-04-04
Javascript中this關(guān)鍵字指向問題的測試與詳解
this是Javascript中一個(gè)非常容易理解錯(cuò)，進(jìn)而用錯(cuò)的特性。所以下面這篇文章主要給大家介紹了關(guān)于Javascript中this關(guān)鍵字指向問題的相關(guān)資料，文中通過測試的題目考驗(yàn)大家對(duì)this的熟悉程度，需要的朋友可以參考借鑒，下面來一起看看吧。
2017-08-08
高效的獲取當(dāng)前元素是父元素的第幾個(gè)子元素
例如處理事件的時(shí)候，有時(shí)候需要知道當(dāng)前點(diǎn)擊的是第幾個(gè)子節(jié)點(diǎn)，而HTML DOM本身并沒有直接提供相應(yīng)的屬性，需要自己來計(jì)算。感興趣的朋友可以了解下本文
2013-10-10
arguments對(duì)象驗(yàn)證函數(shù)的參數(shù)是否合法
Javascript函數(shù)中的參數(shù)對(duì)象arguments是個(gè)對(duì)象，而不是數(shù)組。但它可以類似數(shù)組那樣通過數(shù)字下表訪問其中的元素，而且它也有l(wèi)ength屬性標(biāo)識(shí)它的元素的個(gè)數(shù)。
2015-06-06
瀏覽器環(huán)境下JavaScript腳本加載與執(zhí)行探析之動(dòng)態(tài)腳本與Ajax腳本注入
這篇文章主要介紹了瀏覽器環(huán)境下JavaScript腳本加載與執(zhí)行探析之動(dòng)態(tài)腳本與Ajax腳本注入的相關(guān)資料,需要的朋友可以參考下
2016-01-01
javascript中innerHTML 獲取或替換html內(nèi)容的實(shí)現(xiàn)代碼
這篇文章主要介紹了javascript中innerHTML 獲取或替換html內(nèi)容,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2020-03-03
微信小程序?qū)崿F(xiàn)點(diǎn)擊文字頁面跳轉(zhuǎn)功能【附源碼下載】
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)點(diǎn)擊文字頁面跳轉(zhuǎn)功能,涉及navigator導(dǎo)航組件的簡單使用技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下
2017-12-12