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

2019-11-22,,,

本文实例讲述了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)

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

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

您可能感兴趣的文章:

  • 让JavaScript中setTimeout支持链式操作的方法
  • JS链式调用的实现方法
  • JavaScript 对象链式操作测试代码
  • 原生js实现对Ajax的封装(仿jquery)
  • 原生js仿jquery实现对Ajax的封装
  • 原生js封装的一些jquery方法(详解)
  • 浅析jQuery Ajax通用js封装
  • 把jQuery的类、插件封装成seajs的模块的方法
  • 基于jquery封装的一个js分页
  • Javascript 详解封装from表单数据为json串进行ajax提交
  • JS简单封装的图片无缝滚动效果示例【测试可用】
  • JavaScript使用链式方法封装jQuery中CSS()方法示例

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

下载本文的Word格式文档,以方便收藏与打印。