封装一个名字为$的函数，用于获取元素

最新推荐文章于 2022-03-22 13:48:37 发布

MIng__4791

最新推荐文章于 2022-03-22 13:48:37 发布

阅读量1.5k

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/MIng__4791/article/details/70232324

版权

javascript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

封装一个名字为$的函数，用于获取元素，主要能够实现以下功能：
根据id获取元素，如：$(“#container”) 用于获取id名为container的DOM元素。
根据类名获取元素，如：$(“.active”) 用于获取所有class名为active的DOM元素
根据标签名获取元素，如：$(“div”) 用于获取所有标签名为div的DOM元素

根据name属性获取元素，如：$(“name=hobby”) 用于获取所有name属性等于hobby的DOM元素。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function $(vArg){
//取出前五个字符判断是否是name=
var subStr = vArg.substring(0, 5);
if(subStr == "name="){
//获取name=某个值的元素
var nodes = document.getElementsByTagName(vArg.substring(5));
return nodes;
}else{
//判断首字母
var firstChar = vArg.charAt(0);
switch(firstChar){
case "#":
return document.getElementById(vArg.substring(1));
break;
case ".":
return document.getElementsByClassName(vArg.substring(1));
break;
default:
return document.getElementsByTagName(vArg);
break;
}
}
}
</script>
</head>
<body>
</body>
</html>

MIng__4791

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
封装一个名字为$的函数，用于获取元素

封装一个名字为$的函数，用于获取元素，主要能够实现以下功能：根据id获取元素，如：$(“#container”) 用于获取id名为container的DOM元素。根据类名获取元素，如：$(“.active”) 用于获取所有class名为active的DOM元素根据标签名获取元素，如：$(“div”) 用于获取所有标签名为div的DOM元素根据name属性获取元素，如：$(“name
复制链接

扫一扫

专栏目录