Javascript-选择器集合调用方法 

 1 <script type="text/javascript">
 2 
 3         function uu(namePd) {
 4             //判断id
 5             var reId = new RegExp(/^\#([a-zA-Z_-]{1,}[a-zA-Z0-9]*?)$/);//以.为开头，后面至少1位字母，字母后可以字母数字或没有
 6             //判断class
 7             var reClass = new RegExp(/^\.([a-zA-Z_-]{1,}[a-zA-Z0-9]*?)$/);//以#开头，后面至少1为字母，字母后可以字母数字或没有
 8             //判断标签
 9             var reTag = new RegExp(/^([a-zA-Z]{1,}[a-zA-Z0-9]*?)$/);//以字母开头，至少有1为，字母后可以字母数字或没有
10 
11             if (reId.test(namePd)) {//判断是否为id
12                 var reId_zhi = namePd.match(reId)[1];//提取除掉#以后的值
13                 return document.getElementById(reId_zhi);//返回到id选择器，选中该值
14             }
15             if (reClass.test(namePd)) {//判断是否为class
16                 var reClass_zhi = namePd.match(reClass)[1];//提取除掉.以后的值
17                 return document.getElementsByClassName(reClass_zhi);//返回到class选择器，选中该值
18             }
19             if (reTag.test(namePd)) {//判断是否为标签
20                 return document.getElementsByTagName(namePd);//返回标签选择器，选中该值
21 
22             }
23         }
24 
25         /*   
26        这里不推荐使用class和标签选择器，因为
27        getElementsByClassName并不能执行太多方法
28        getElementsByTagName不能获取所有标签
31         */
32 
33     </script>

 

posted @ 2016-08-18 17:44  YanEr、  阅读(427)  评论(0)    收藏  举报