当前位置: 首页 > 编程笔记 >

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

谭文林
2023-03-14
本文向大家介绍JS简单实现获取元素的封装操作示例,包括了JS简单实现获取元素的封装操作html" target="_blank">示例的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了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实现简单的ajax封装示例,包括了javascript实现简单的ajax封装示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了javascript实现简单的ajax功能封装。分享给大家供大家参考,具体如下: 更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript中ajax操作技巧总结》、《JavaScript错误与调试技巧

  • 本文向大家介绍JS实现简单表格排序操作示例,包括了JS实现简单表格排序操作示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS实现简单表格排序操作。分享给大家供大家参考,具体如下: 运行效果: 更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript表格(table)操作技巧大全》、《JavaScript操作DOM技巧总结》、《JavaScript遍历算法

  • 本文向大家介绍Java封装数组实现在数组中查询元素和修改元素操作示例,包括了Java封装数组实现在数组中查询元素和修改元素操作示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了Java封装数组实现在数组中查询元素和修改元素操作。分享给大家供大家参考,具体如下: 前言:在上一小节中,我们已经对如何往数组中添加一个元素的方法进行了编写,此节中我们就如何查询出数组中元素与修改元素的方法进行编写

  • 本文向大家介绍AngularJS实现表单元素值绑定操作示例,包括了AngularJS实现表单元素值绑定操作示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了AngularJS实现表单元素值绑定操作。分享给大家供大家参考,具体如下: ng-disabled:绑定控件的disabled属性 ng-show:显示或者隐藏元素:ms-visible ng-hide:和ng-show的功能恰好相反

  • 本文向大家介绍nodejs实现的http、https 请求封装操作示例,包括了nodejs实现的http、https 请求封装操作示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了nodejs实现的http、https 请求封装操作。分享给大家供大家参考,具体如下: libs/request.js test.js 执行命令 希望本文所述对大家node.js程序设计有所帮助。

  • 本文向大家介绍JS document form表单元素操作完整示例,包括了JS document form表单元素操作完整示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS document form表单元素操作。分享给大家供大家参考,具体如下: 运行效果: 感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/cod