JS簡單實現(xiàn)獲取元素的封裝操作示例
本文實例講述了JS簡單實現(xiàn)獲取元素的封裝操作。分享給大家供大家參考,具體如下:
JS封裝獲取元素
js的獲取元素:
ID:document.getElementById();
class:document.getElementsByName()[];
Tag:document.getElementsByTagName()[]
現(xiàn)在我們要簡單的封裝這個
1. 函數(shù)寫法:
function $(id){ return document.getElementById(); }
其他類同
使用方法:
$(id) /$(tagname)[0]
2. 對象寫法:
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錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
- 一個JavaScript操作元素定位元素的實例
- JavaScript獲取元素尺寸和大小操作總結(jié)
- JavaScript操作DOM元素的childNodes和children區(qū)別
- javascript數(shù)組操作(創(chuàng)建、元素刪除、數(shù)組的拷貝)
- js中數(shù)組插入、刪除元素操作的方法
- JS實現(xiàn)為動態(tài)創(chuàng)建的元素添加事件操作示例
- js操作table元素實現(xiàn)表格行列新增、刪除技巧總結(jié)
- JavaScript DOM元素常見操作詳解【添加、刪除、修改等】
- 原生JavaScript來實現(xiàn)對dom元素class的操作方法(推薦)
- js有關(guān)元素內(nèi)容操作小結(jié)
- 整理JavaScript對DOM中各種類型的元素的常用操作
- javascript操作元素的常見方法小結(jié)
相關(guān)文章
javascript實現(xiàn)動態(tài)表頭及表列的展現(xiàn)方法
這篇文章主要介紹了javascript實現(xiàn)動態(tài)表頭及表列的展現(xiàn)方法,涉及javascript動態(tài)操作table元素的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07js中位數(shù)不足自動補位擴展padLeft、padRight實現(xiàn)代碼
這篇文章主要介紹了js中位數(shù)不足自動補位擴展之padLeft、padRight實現(xiàn)方法,主要是通過String.prototype擴展實現(xiàn),需要的朋友可以參考下2020-04-04IOS中safari下的select下拉菜單文字過長不換行的解決方法
今天在項目開發(fā)中遇到一個問題safari下的select下拉菜單文字過長不換行問題,最終我用<optgroup>標簽解決此問題,下面小編把實現(xiàn)思路分享給大家供大家參考2016-09-09Bootstrap Table快速完美搭建后臺管理系統(tǒng)
這篇文章主要為大家詳細介紹了Bootstrap Table快速完美搭建后臺管理系統(tǒng)的方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-09-09