JavaScript

超轻量级php框架startmvc

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

更新时间:2020-05-04 07:42:01 作者:startmvc
本文实例讲述了JS简单实现获取元素的封装操作。分享给大家供大家参考,具体如下:JS封

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

JS封装获取元素

js的获取元素:

IDdocument.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)
JS 获取元素 封装操作