JS簡(jiǎn)單實(shí)現(xiàn)獲取元素的封裝操作示例
本文實(shí)例講述了JS簡(jiǎn)單實(shí)現(xiàn)獲取元素的封裝操作。分享給大家供大家參考,具體如下:
JS封裝獲取元素
js的獲取元素:
ID:document.getElementById();
class:document.getElementsByName()[];
Tag:document.getElementsByTagName()[]
現(xiàn)在我們要簡(jiǎn)單的封裝這個(gè)
1. 函數(shù)寫(xiě)法:
function $(id){ return document.getElementById(); }
其他類(lèi)同
使用方法:
$(id) /$(tagname)[0]
2. 對(duì)象寫(xiě)法:
var Base={ getId:function(id){ return document.getElementById(); }, getTag:function(){ return document.getElementsByTagName(); } }
使用方法:
Base.getId(id)
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題:《JavaScript頁(yè)面元素操作技巧總結(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ì)有所幫助。
- 一個(gè)JavaScript操作元素定位元素的實(shí)例
- JavaScript獲取元素尺寸和大小操作總結(jié)
- JavaScript操作DOM元素的childNodes和children區(qū)別
- javascript數(shù)組操作(創(chuàng)建、元素刪除、數(shù)組的拷貝)
- js中數(shù)組插入、刪除元素操作的方法
- JS實(shí)現(xiàn)為動(dòng)態(tài)創(chuàng)建的元素添加事件操作示例
- js操作table元素實(shí)現(xiàn)表格行列新增、刪除技巧總結(jié)
- JavaScript DOM元素常見(jiàn)操作詳解【添加、刪除、修改等】
- 原生JavaScript來(lái)實(shí)現(xiàn)對(duì)dom元素class的操作方法(推薦)
- js有關(guān)元素內(nèi)容操作小結(jié)
- 整理JavaScript對(duì)DOM中各種類(lèi)型的元素的常用操作
- javascript操作元素的常見(jiàn)方法小結(jié)
相關(guān)文章
javascript實(shí)現(xiàn)動(dòng)態(tài)表頭及表列的展現(xiàn)方法
這篇文章主要介紹了javascript實(shí)現(xiàn)動(dòng)態(tài)表頭及表列的展現(xiàn)方法,涉及javascript動(dòng)態(tài)操作table元素的實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07js中位數(shù)不足自動(dòng)補(bǔ)位擴(kuò)展padLeft、padRight實(shí)現(xiàn)代碼
這篇文章主要介紹了js中位數(shù)不足自動(dòng)補(bǔ)位擴(kuò)展之padLeft、padRight實(shí)現(xiàn)方法,主要是通過(guò)String.prototype擴(kuò)展實(shí)現(xiàn),需要的朋友可以參考下2020-04-04JavaScript定時(shí)器常見(jiàn)用法實(shí)例分析
這篇文章主要介紹了JavaScript定時(shí)器常見(jiàn)用法,結(jié)合實(shí)例形式分析了JavaScript定時(shí)器常見(jiàn)功能、應(yīng)用及相關(guān)操作技巧,需要的朋友可以參考下2019-11-11IOS中safari下的select下拉菜單文字過(guò)長(zhǎng)不換行的解決方法
今天在項(xiàng)目開(kāi)發(fā)中遇到一個(gè)問(wèn)題safari下的select下拉菜單文字過(guò)長(zhǎng)不換行問(wèn)題,最終我用<optgroup>標(biāo)簽解決此問(wèn)題,下面小編把實(shí)現(xiàn)思路分享給大家供大家參考2016-09-09Bootstrap Table快速完美搭建后臺(tái)管理系統(tǒng)
這篇文章主要為大家詳細(xì)介紹了Bootstrap Table快速完美搭建后臺(tái)管理系統(tǒng)的方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-09-09使用非html5實(shí)現(xiàn)js板連連看游戲示例代碼
連連看游戲通常情況下都是使用html5來(lái)實(shí)現(xiàn)的,不過(guò)從現(xiàn)在開(kāi)始就可以使用js來(lái)實(shí)現(xiàn)了,具體的代碼如下,喜歡的朋友可以參考下,希望對(duì)大家有所幫助2013-09-09