<!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. (转)typedef 函数指针的用法

    typedef 函数指针的用法   在网上搜索函数指针,看到一个例子.开始没看懂,想放弃,可是转念一想,这个用法迟早要弄懂的,现在多花点时间看懂它,好过以后碰到了要再花一倍时间来弄懂它.其实很多时候都 ...

  2. linux -- ubuntu 通过命令行，设置文件及其子文件的权限

    想一次修改某个目录下所有文件的权限,包括子目录中的文件权限也要修改,要使用参数-R表示启动递归处理. 例如: [root@localhost ~]# chmod 777 /home/user 注:仅把 ...

  3. 给网站添加X-UA-Compatible标签

    给网站添加X-UA-Compatible标签 方法一:<meta http-equiv="X-UA-Compatible" content="IE=EmulateI ...

  4. c#后台常用知识

    生成如:2015-10-25T12:12:12格式的时间 DateTime.Now.ToString("s") 非asp.net mvc环境下对url编码 (HttpUtility ...

  5. Oracle-批量修改语句及相关知识点

    问: 有两张表A和B,结构相同,数据量一致,比如都有x,y和z列且都有n行,x为主键,完全相等,如何把表B的y列的数据赋值给A的y列? 我写的是1 update A set A.y=B.y where ...

  6. 结构型模式概述（Structural Pattern)

    结构型模式可以描述两种不同的东西:类与类的实例.结构型模式可以分为类结构型模式和对象结构型模式. 类结构型模式关心类的组合,可以由多个类组合成一个更大的系统,在类结构型模式中只存在继承关系和实现关系: ...

  7. jdbcType 与 Java type

    JDBC Type           Java Type CHAR                String VARCHAR             String LONGVARCHAR      ...

  8. Python学习笔记（三）——迭代

    知识点 迭代 迭代 什么是迭代呢?和递归又有什么区别呢? 根据维基百科和网上的资料: 迭代:迭代是重复反馈过程的活动,其目的通常是为了接近并到达所需的目标或结果.每一次对过程的重复被称为一次“迭代”, ...

  9. 各大IT公司 技术博客汇总

    来自:http://www.cnblogs.com/IT-Bear/p/3191423.html 腾讯系列(13)  阿里系列(18)  百度系列(3)  搜狐系列(3)  新浪系列(2)  360系 ...

  10. 【RF库Collections测试】Get Dictionary Values

    Name:Get Dictionary ValuesSource:Collections <test library>Arguments:[ dictionary ]Returns val ...