封裝獲取dom元素的簡單實例

更新時間：2016年07月08日 10:43:23 投稿：jingxian

下面小編就為大家?guī)硪黄庋b獲取dom元素的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

示例如下：

<script>
    //函數(shù)： 反復執(zhí)行的代碼塊
    //全局只有一個對象，防止全局變量污染
    var itcast = {
      getElen : {
        tag : function(tag){
            return document.getElementsByTagName(tag);
          },
        id : function(id){
            return document.getElementById(id);
          }
      },
      css : {
        addStyle : function(){},
        removeStyle : function(){},
        addClass : function(){}
      }
    }
    
    
    //調(diào)用
    itcast.getElen.tag('body')[0];
    
</script>

以上這篇封裝獲取dom元素的簡單實例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

獲取dom元素那些討厭的位置封裝代碼

dom
元素

javascript中的delete使用詳解
在這篇文章中作者從《JavaScript面向對象編程指南》一書中關于 delete 的錯誤講起，詳細講述了關于 delete 操作的實現(xiàn)，局限以及在不同瀏覽器和插件（這里指 firebug）中的表現(xiàn)
2013-04-04
原生JS實現(xiàn)登錄框郵箱提示
這篇文章主要為大家詳細介紹了原生JS實現(xiàn)登錄框郵箱提示，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-10-10
JS實現(xiàn)移動端實時監(jiān)聽輸入框變化的實例代碼
這篇文章主要介紹了JS實現(xiàn)移動端實時監(jiān)聽輸入框變化的解決方案,需要的朋友可以參考下
2017-04-04
一個用js實現(xiàn)控制臺控件的代碼
一個用js實現(xiàn)控制臺控件的代碼...
2007-09-09
H5用戶注冊表單頁注冊模態(tài)框!
這篇文章主要為大家詳細介紹了H5用戶注冊表單頁的相關代碼，注冊模態(tài)框，如何設計用戶注冊表單頁，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-09-09
javascript中DOM復選框選擇用法實例
這篇文章主要介紹了javascript中DOM復選框選擇用法,實例分析了javascript操作復選框實現(xiàn)全選與反選的相關技巧,需要的朋友可以參考下
2015-05-05
詳解JavaScript數(shù)組的操作大全
這篇文章主要給大家介紹js數(shù)組的操作，數(shù)組的創(chuàng)建，數(shù)組元素的發(fā)那個吻，數(shù)組元素的添加，數(shù)組元素的刪除，數(shù)組的截取和合并，數(shù)組的拷貝，數(shù)組元素的排序，數(shù)組元素的字符串化等知識，對js數(shù)組的操作感興趣的朋友可以參考下本篇文章
2015-10-10
Openlayers實現(xiàn)點閃爍擴散效果
這篇文章主要為大家詳細介紹了Openlayers實現(xiàn)點閃爍擴散效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-09-09
原生JS實現(xiàn)仿淘寶網(wǎng)左側商品分類菜單效果代碼
這篇文章主要介紹了原生JS實現(xiàn)仿淘寶網(wǎng)左側商品分類菜單效果代碼,可實現(xiàn)簡單的鼠標滑過tab切換的功能,非常簡單實用,需要的朋友可以參考下
2015-09-09
JS實現(xiàn)瀑布流效果
這篇文章主要為大家詳細介紹了JS實現(xiàn)瀑布流效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-03-03