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

网络编程 2021-07-04 18:31www.168986.cn编程入门

这篇文章主要介绍了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程序设计有所帮助。