<!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. Convolution Network及其变种（反卷积、扩展卷积、因果卷积、图卷积）

    今天,主要和大家分享一下最近研究的卷积网络和它的一些变种. 首先,介绍一下基础的卷积网络. 通过PPT上的这个经典的动态图片可以很好的理解卷积的过程.图中蓝色的大矩阵是我们的输入,黄色的小矩阵是卷积核 ...

  2. 【转】WCF入门教程五[WCF的通信模式]

    一.概述 WCF在通信过程中有三种模式:请求与答复.单向.双工通信.以下我们一一介绍. 二.请求与答复模式 描述: 客户端发送请求,然后一直等待服务端的响应(异步调用除外),期间处于假死状态,直到服务 ...

  3. e554. 在浏览器状态栏中显示信息

    // See also e551 精简的Applet applet.showStatus("Your Message Here"); Related Examples

  4. CentOS安装emacs24.2命令

    CentOS安装emacs24.2命令 #1.安装如下软件 yum -y groupinstall "Development Tools" yum -y install gtk+- ...

  5. MVC中导航菜单，选中项的高亮问题。。

    先上图:             这个菜单是放在母板页的.比如当前选中的是异常业务监控.如果页面刷新了.就会变成第一张图..选择其他的选项也会,因为页面会刷新嘛.. 怎么处理这个问题了? 答案是记录当 ...

  6. javascript在字符串中提取网址并替换成超链接

    var str = " http://wasmip.baidu.com.cn/mip/km/archives/km_archives_main/kmArchivesMain.do?metho ...

  7. linux中,查看某个进程打开的文件数?

    需求描述: 今天在处理一个问题的时候,涉及到查看某个进程打开的文件数,在此记录下. 操作过程: 1.通过lsof命令查看某个特定的进程打开的文件数 [root@hadoop3 ~]# lsof -p ...

  8. 【java】 java设计模式(3):单例模式（Singleton）

    单例对象(Singleton)是一种常用的设计模式.在Java应用中,单例对象能保证在一个JVM中,该对象只有一个实例存在.这样的模式有几个好处: 1.某些类创建比较频繁,对于一些大型的对象,这是一笔 ...

  9. 使用 MVVMLight 命令绑定

    首先,如果您希望了解更多的MVVMLight技术或希望有顺序的学习MVVMLight,请查阅目录<MVVMLight 设计模式系列使用文章>. 继上一篇文章的项目,我们实现了数据绑定到界面 ...

  10. WPF 自定义命令 以及 命令的启用与禁用

    自定义命令:     在WPF中有5个命令类(ApplicationCommands.NavigationCommands.EditingCommands.ComponentCommands 以及 M ...