您的位置：首页 > 编程技术 > js  >  封装获取dom元素的简单实例

封装获取dom元素的简单实例

 更新时间：2016年7月25日 10:01  点击：2031

示例如下：

<script>
    //函数： 反复执行的代码块
    //全局只有一个对象，防止全局变量污染
    var itcast = {
      getElen : {
        tag : function(tag){
            return document.getElementsByTagName(tag);
          },
        id : function(id){
            return document.getElementById(id);
          }
      },
      css : {
        addStyle : function(){},
        removeStyle : function(){},
        addClass : function(){}
      }
    }
    
    
    //调用
    itcast.getElen.tag('body')[0];
    
</script>

以上这篇封装获取dom元素的简单实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

[!--infotagslink--]

相关文章

  • C#学习笔记- 随机函数Random()的用法详解

    下面小编就为大家带来一篇C#学习笔记- 随机函数Random()的用法详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧...2020-06-25

  • PHP用DOM方式处理HTML之《Simple HTML DOM》

    近经常需要采集一些网上的数据，发现一个PHP处理HTML的利器 simple html dom,看了一下文档，使用非常方便，关键是能够用CSS选择器来访问DOM树，和jquery相似，实在是难得的利器...2016-11-25

  • jQuery遍历DOM的父级元素、子级元素和同级元素的方法总结

    借助jQuery我们可以轻松地堆DOM元素进行向上、向下遍历以及同级的遍历,本文我们即来整理jQuery遍历DOM的父级元素、子级元素和同级元素的方法总结:...2016-07-25

  • jQuery 中的 DOM 操作

    在DOM操作中，常常需要动态创建HTML内容，使文档在浏览器里的呈现效果发生变化，并且达到各种各样的人机交互目的....2016-04-27

  • JavaScript驾驭网页-CSS与DOM

    DOM是种符合万维网标准的HTML操纵方式，它能比innerHTML特性达成更多操控功能。这篇文章主要介绍了JavaScript驾驭网页-CSS与DOM的相关资料,需要的朋友可以参考下...2016-03-28

  • javascript性能优化之DOM交互操作实例分析

    这篇文章主要介绍了javascript性能优化之DOM交互操作技巧,结合实例形式总结分析了JavaScript针对DOM操作过程中的各种常见优化操作技巧,需要的朋友可以参考下...2015-12-14

  • C++ 中随机函数random函数的使用方法

    这篇文章主要介绍了C++ 中随机函数random函数的使用方法的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下...2020-04-25

  • 关于vue3编写挂载DOM的插件问题

    这篇文章主要介绍了vue3编写挂载DOM的插件的问题，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2021-07-27

  • jQuery中DOM节点的删除方法总结（超全面）

    这篇文章主要介绍了jQuery中DOM节点的删除方法,文中介绍的很相信，内容包括empty()的基本用法、remove()的有参用法和无参用法、empty和remove区别、保留数据的删除操作detach()以及detach()和remove()区别，需要的朋友可以参考借鉴。...2017-01-26

  • 一篇文章带你搞懂Vue虚拟Dom与diff算法

    这篇文章主要给大家介绍了关于Vue虚拟Dom与diff算法的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2020-08-26

  • 一文秒懂JavaScript DOM操作基础

    通过这篇文章帮助大家快速学习JavaScript DOM操作基础的相关知识，本文给大家介绍的非常详细，感兴趣的朋友跟随小编一起看看吧...2021-04-30

  • JavaScript驾驭网页－DOM

    这篇文章主要介绍了JavaScript驾驭网页－DOM的相关资料,需要的朋友可以参考下...2016-03-28

  • jQuery技巧之让任何组件都支持类似DOM的事件管理

    这篇文章主要介绍了jQuery技巧之让任何组件都支持类似DOM的事件管理 的相关资料,需要的朋友可以参考下...2016-04-06

  • 理解javascript中DOM事件

    这篇文章主要帮助大家理解javascript中DOM事件，解决了DOM事件的兼容性，DOM事件的冒泡，以及DOM事件的重用，感兴趣的小伙伴们可以参考一下...2015-12-27

  • JavaScript实现获取某个元素相邻兄弟节点的prev与next方法

    这篇文章主要介绍了JavaScript实现获取某个元素相邻兄弟节点的prev与next方法,涉及JavaScript基于函数的判定及调用previousSibling与nextSibling的相关技巧,需要的朋友可以参考下...2016-01-26

  • JS动态创建元素的两种方法

    这篇文章主要为大家详细介绍了JS动态创建元素的两种方法,字符串拼接形式，或是使用Document、Element对象自带的一些函数 ，需要的朋友可以参考下...2016-04-22

  • Java如何基于DOM解析xml文件

    这篇文章主要介绍了Java如何基于DOM解析xml文件,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-09-16

  • jQuery学习之DOM节点的插入方法总结

    这篇文章主要给大家介绍了jQuery中DOM节点的插入方法，文章总结的很全面，相信对大家具有一定的参考价值，需要的朋友们一起来看看吧。...2017-01-26

  • JavaScript操作HTML DOM节点的基础教程

    这篇文章主要介绍了JavaScript操作HTML DOM节点的基础入门教程,包括对节点的创建修改删除等操作,还特别提到了其中appendChild()与insertBefore()插入节点时需注意的问题,需要的朋友可以参考下...2016-03-12

  • js中利用tagname和id获取元素的方法

    这篇文章主要介绍了js中利用tagname和id获取元素的方法，主要包括三种方法,需要的朋友可以参考下...2016-01-07