<!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. chrome 如何利用快捷键将光标移动到地址栏

    Windows: Ctrl + L 或 Alt + D 或 F6 Mac: Command + LLinux: Ctrl + L

  2. Latex的各种帽子

    \hat{A} \widehat{A} \tilde{A} \widetilde{A} \overline{A} \underline{A} \overbrace{A} \underbrace{A} ...

  3. imx6 uart分析

    本文主要记录: 1.uart设备注册 2.uart驱动注册 3.上层应用调用有些地方理解的还不是很透彻,希望指正. 1.uart设备注册过程 MACHINE_START(MX6Q_SABRESD, & ...

  4. yuv420图文详解

    YUV格式有两大类:planar和packed.对于planar的YUV格式,先连续存储所有像素点的Y,紧接着存储所有像素点的U,随后是所有像素点的V.对于packed的YUV格式,每个像素点的Y,U ...

  5. (转)如何基于FFMPEG和SDL写一个少于1000行代码的视频播放器

    原文地址:http://www.dranger.com/ffmpeg/ FFMPEG是一个很好的库,可以用来创建视频应用或者生成特定的工具.FFMPEG几乎为你把所有的繁重工作都做了,比如解码.编码. ...

  6. 【Java面试题】60 接口是否可继承接口? 抽象类是否可实现(implements)接口? 抽象类是否可继承具体类(concrete class)? 抽象类中是否可以有静态的main方法？

    接口可以继承接口.抽象类可以实现(implements)接口,抽象类可以继承具体类.抽象类中可以有静态的main方法. 问:  抽象类是否可继承实体类 (concrete class) 答: 抽象类是 ...

  7. 【Java面试题】56 在JAVA中如何跳出当前的多重嵌套循环？

    在Java中,要想跳出多重循环,可以在外面的循环语句前定义一个标号,然后在里层循环体的代码中使用带有标号的break 语句,即可跳出外层循环.例如, public class xunhuan { pu ...

  8. 微信支付（公众号支付APIJS、app支付）服务端统一下单接口java版

    一.微信公众号支付APIJS: 要完整的实现微信支付功能,需要前后端一起实现,还需要微信商户平台的配置.这里只是涉及服务端的代码. jar包:pom.xml <!-- ↓↓↓↓↓↓↓↓ 支付相关 ...

  9. html5简单拖拽实现自动左右贴边+幸运大转盘

    此篇文章主要实现两个功能: 1.点击屏幕下方签到悬浮按钮: 2.弹出幸运大转盘,转盘抽奖签到 效果如图: ​ 在网上找了很多移动端拖拽的js实现方式,大部分都是这一种,html5的touch事件,但是 ...

  10. Animy.js，自己编写的功能丰富的html动画库

    近期由于项目须要.本人制作了一款js的动画插件.能够用于完毕各种js动画.比方移动.拉升.变色等等,全部动画经常使用的功能都已经实现,比方播放.暂停.停止.循环.加速.减速.反向播放.缓动.路径动画. ...