<!doctype html>

<html lang="en">

 <head>

  <meta charset="UTF-8">

  <meta name="Generator" content="EditPlus®">

  <meta name="Author" content="">

  <meta name="Keywords" content="">

  <meta name="Description" content="">

  <title>getClessName</title>

 </head>

 <body>

  <input type="submit" id = "sub" class="ss confirm btn" value="提交"/>

  <script>

    window.onload = function(){

        var Opt = document.getElementById('sub');

        var getClass = function(className,tagName){

            if(document.getElementsByTagName){

                var Inp = document.getElementsByTagName(tagName);

                for(var i=0; i<Inp.length; i++){

                    if((new RegExp('(\\s|^)' +className +'(\\s|$)')).test(Inp[i].className)){

                        return Inp[i];

                    }

                }

            }else if(document.getElementsByClassName){

                return document.getElementsByClassName(className);

            }

        }

        //alert(getClass("confirm", "input"));

        var aa = getClass("confirm", "input");

        //alert(Inp);

        //alert(Inp);

        function getClass(className, targetName){

            var ele = [];

            var all = document.getElementsByTagName(targetName || "*");

            for(var i=0; i<all.length; i++){

                if(all[i].className.match(new RegExp('(\\s|^)'+confirm+'(\\s|$)'))){

                    ele[ele.length] = all[i];

                }

            }

            return ele;

        }

        function getObjsByClass(tagName, className){

            if(document.getElementsByClassName){

                alert("document.getElementsByClassName");

                return document.getElementsByClassName(className);

            }else{

                var el = [];

                var _el = document.getElementsByTagName(tagName);

                for(var i=0; i<_el.length; i++){

                    if(_el[i].className.indexOf(className) > -1){

                        alert(_el[i]);

                        el[_el.length] = _el[i];

                    }

                }

                alert(el);

                return el;

            }

        }

        function addEvent(ev, type){

            var ev = ev || window.event;

            if(ev.addEventListener){

                ev.addEventListener(type, function(){

                    alert(ev.type);

                }, false);

            }else if(ev.attachEvent){

                ev.attachEvent("on" + type, function(){

                alert("ev.attachEvent");

                });

            }

        }

    /*var getClass = function (className, parentNode) {

         var node = null;

         var temps = [];

         if (parentNode != undefined) {

             node = parentNode;

         } else {

            node = document;

         }

         if(node.getElementsByTagName){

             var all = node.getElementsByTagName('*');

             for (var i = 0; i < all.length; i ++) {

              if ((new RegExp('(\\s|^)' +className +'(\\s|$)')).test(all[i].className)) {

                  temps.push(all[i]);

               }

           }

             return temps;

         }else{

            if(node.getElementsByClassName){

                return document.getElementsByClassName(className);

            }

         }

     }*/

        //alert(getClass("confirm"));

        //var obj = getClass("confirm","input");

        //alert(obj);

        //alert(Opt);

        addEvent(aa, 'click');

    }

  </script>

 </body>

</html>

封装自己的getClassName函数的更多相关文章

  1. 我自己的Javascript 库，封装了一些常用函数 Kingwell.js

    我自己的Javascript 库,封装了一些常用函数 Kingwell.js 博客分类: Javascript javascript 库javascript库  现在Javascript库海量,流行的 ...

  2. 封装一个Ajax工具函数

    /*封装一个ajax工具函数*/ window.$ = {}; /*通过$定义一个ajax函数*/ /* * 1. type   string   请求的方式  默认是get * 2. url     ...

  3. PHP.TP框架下商品项目的优化3-php封装下拉框函数

    php封装下拉框函数 因为在项目中会经常使用到下拉框,所以根据一个表中的数据制作下拉框函数,以便调用 //使用一个表的数据做下拉框函数 function buildSelect($tableName, ...

  4. JS-特效 ～ 05. 缓动框架兼容封装／回掉函数／兼容透明度／层级、旋转轮播图、正则表达式、验证表单注册账号、

    缓动函数中opcity  写百分值的值 JS一般不用小数运算,会照成精度丢失 元素的默*认透明度是 层级一次性赋值,不缓动 利用for…in为同一个父元素的子元素绑定属性 缓动框架兼容封装/回掉函数/ ...

  5. JS---案例：手风琴 （利用封装好的动画函数）

    案例:手风琴     封装好的动画函数在common.js里面     //function getStyle(element, attr) {...}     //function animate( ...

  6. 总结的一些封装好的javascript函数

    平时总结的一些常用javascript函数封装: //获取样式 function getStyle(obj,name){ if(obj.currentStyle){ return obj.curren ...

  7. 一个封装HTTP请求的函数(C++)

    这里封装了HTTP请求的,支持GET与POST,并支持各种参数组合,调用方式很简单使用DEVWEB::WebRequest(string(“http://www.luaie.com/”),ret);就 ...

  8. python之类的多态(鸭子类型 )、封装和内置函数property

    一.多态 1.什么是多态:一个类表现出的多种状态--->通过继承来实现的例如:class Animal:passclass Dog(Animal):passclass Cat(Animal):p ...

  9. 原生JS封装创建多级菜单函数

    手写一个使用原生JS封装的多级菜单的函数,满足以下几点需求. 子类层级不确定,可根据数据自动生成多级菜单. 操作便捷,只需传入一个HTML标签. 缺点: 需要满足特定的数据结构 废话不多说,展示代码. ...

随机推荐

  1. 帝国cms的list.var中使用php函数

    $r[title] = esub($r[title],8,'...'); //截取前8个字符,多出部分用...代替 $r[title] = str_replace("lhj",&q ...

  2. poj2513(无向图判欧拉路)

    链接:id=2513">点击打开链接 题意:一堆木棍左右两端涂有颜色,同样颜色的能够连接在一起,问全部木棍是否能都连上 代码: #include <map> #includ ...

  3. 【Java面试题】32 ArrayList和Vector的区别

    1. Vector & ArrayList  相同点: 1.ArrayList和Vector都是继承了相同的父类和实现了相同的接口 2.底层都是数组实现的 3.初始默认长度都为10. 不同点: ...

  4. 【Java面试题】28 简述synchronized和java.util.concurrent.locks.Lock的异同 ？

    主要相同点:Lock能完成synchronized所实现的所有功能 主要不同点:Lock有比synchronized更精确的线程语义和更好的性能.synchronized会自动释放锁,而Lock一定要 ...

  5. 【Java 线程的深入研究1】Java 提供了三种创建线程的方法

    Java 提供了三种创建线程的方法: 通过实现 Runnable 接口: 通过继承 Thread 类本身: 通过 Callable 和 Future 创建线程. 1.通过实现 Runnable 接口来 ...

  6. php对gzip的使用（实例）

    代码如下: if (!function_exists('gzdecode')) { function gzdecode ($data) { $flags = ord(substr($data, 3, ...

  7. PHP大量数据循环时内存耗尽问题的解决方案

    最近在开发一个PHP程序时遇到了下面的错误:PHP Fatal error: Allowed memory size of 268 435 456 bytes exhausted错误信息显...分析: ...

  8. （转）mysql执行计划分析

    转自:https://www.cnblogs.com/liu-ke/p/4432774.html MySQL执行计划解读   Explain语法 EXPLAIN SELECT …… 变体: 1. EX ...

  9. Sharepoint 2013 Workflow Error

    问题: (1)提示“reload the page and then start the workflow”错误 (2)提示“Unable to properly communicate with t ...

  10. mysql中，如何查看数据库元数据(metadata)的字符集？

    需求描述: mysql中,数据库的元数据也是有字符集的. 操作过程: 1.查看mysql数据库元数据的字符集 mysql> show variables like 'character_set_ ...