当前位置：首页 > 资讯 > 技术文档

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

时间：2022-04-25 07:01 编辑：来源：阅读：
扫一扫，手机访问

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

本文实例讲述了JS简单实现获取元素的封装操作。分享给大家供大家参考，具体如下： [b]JS封装获取元素[/b] js的获取元素： [b]ID[/b]：[code]document.getElementById();[/code] [b]class[/b]:[code]document.getElementsByName()[];[/code] [b]Tag[/b]:[code]document.getElementsByTagName()[][/code] 现在我们要简单的封装这个 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相关内容感兴趣的读者可查看本站专题：《[url=http://www.1sucai.cn/Special/920.htm]JavaScript页面元素操作技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/892.htm]JavaScript事件相关操作与技巧大全[/url]》、《[url=http://www.1sucai.cn/Special/332.htm]JavaScript操作DOM技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/439.htm]JavaScript错误与调试技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/297.htm]JavaScript数据结构与算法技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/281.htm]JavaScript遍历算法与技巧总结[/url]》及《[url=http://www.1sucai.cn/Special/119.htm]JavaScript数学运算用法总结[/url]》希望本文所述对大家JavaScript程序设计有所帮助。

全部评论(0)

上一篇：js 获取元素下面所有li的两种方法
下一篇：在JavaScript中使用JSON数据

资讯排行榜
更多>>