JS简单实现获取元素的封装操作示例

更新时间：2017年04月07日 10:01:00 作者：谢玉胜

这篇文章主要介绍了JS简单实现获取元素的封装操作,结合实例形式分析了JS针对页面ID、class、TAG元素获取的函数与对象封装操作实现方法,需要的朋友可以参考下

本文实例讲述了JS简单实现获取元素的封装操作。分享给大家供大家参考，具体如下：

JS封装获取元素

js的获取元素：

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

现在我们要简单的封装这个

1. 函数写法：

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)

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript页面元素操作技巧总结》、《JavaScript事件相关操作与技巧大全》、《JavaScript操作DOM技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章:

利用Javascript实现简单的转盘抽奖
这篇文章主要介绍了利用Javascript实现的简单的转盘抽奖，文中分享了两种抽奖效果，一种是默认转动，一种是需要点击开始转动的，并给出了晚上的示例代码，需要的朋友可以参考借鉴，下面来一起看看吧。
2017-02-02
漂亮的widgets，支持换肤和后期开发新皮肤
漂亮的widgets，支持换肤和后期开发新皮肤...
2007-04-04
JS中作用域和变量提升(hoisting)的深入理解
相信大家也都发现了，在网上关于JS的变量和作用域的文章有很多，但真正能讲清楚，能深入理解的文章很少。在阅读了很多人的文章以后，我决定综合起来，结合实际代码，希望能够以一个比较清楚完整的方式让大家真正理解。有需要的朋友们下面来一起看看吧。
2016-10-10
用JS实现HTML标签替换效果
用JS实现HTML标签替换效果...
2007-06-06
Table冻结表头示例代码
Table冻结表头，大家对此应该不会很陌生，实现很简单，下面为大家详细介绍下具体的实现，感兴趣的朋友可以参考下
2013-08-08
Elasticsearch实现复合查询高亮结果功能
这篇文章主要介绍了Elasticsearch实现复合查询,高亮结果功能，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
2019-09-09
JS实现直接运行html代码的方法
这篇文章主要介绍了JS实现直接运行html代码的方法,涉及javascript窗口操作相关实现技巧,需要的朋友可以参考下
2017-03-03
微信小程序扭蛋抽奖机css3动画实现详解
这篇文章主要介绍了微信小程序扭蛋抽奖机css3动画实现详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-07-07
一次JavaScript正则的诡异经历记录
正则表达式是用于匹配字符串中字符组合的模式,下面这篇文章主要给大家介绍了一次JavaScript正则的诡异经历记录,文中通过实例介绍的非常详细,需要的朋友可以参考下
2022-04-04
JS下高效拼装字符串的几种方法比较与测试代码
本文介绍一下js如何高效来拼装字符串的方法，希望大家看了以后多用效率高的代码，不要让客户端浏览器执行的太慢，提高用户体验。
2010-04-04