zoukankan      html  css  js  c++  java
  • 为了不重复_table

    var Class = {   
          create: function() {   
            return function() {   
              this.initialize.apply(this, arguments);   
            }   
          }   
        }
    var table = Class.create();
    table.prototype = {
        initialize: function(a,b,c,d,e){
            if(document.getElementById(a) && document.getElementById(c)){
                this.b = document.getElementById(a).getElementsByTagName(b);
                this.d = document.getElementById(c).getElementsByTagName(d);
                this.e = e
                this.show();
                }
            },
        index: function(a,b){
            for(var i in b){
                if(a == b[i]){
                return i;
                }
            }
            },
        show: function(){
            var tli = this.b;
            var mli = this.d;
            var index = this.index;
            var cname = this.e;
            tli[0].className = cname;
            for(var z=0; z<mli.length; z++){
                mli[z].style.display = "none";
                }
            mli[0].style.display = "block";
            for(var i=0; i<tli.length; i++){
                tli[i].onclick = function(){
                    for(var y=0; y<tli.length; y++){
                        tli[y].className = "";
                        mli[y].style.display = "none";
                        }
                    this.className = cname;
                    var x = index(this,tli);
                    mli[x].style.display = "block";
                    }
                }
            }
        }
    new table("title","li","main","li","on");

  • 相关阅读:
    ST的电机开发硬件套件NUCLEO-G431RB和X-NUCLEO-IHM16M1
    计算机软件世界的思维方式
    vue 动态路由配置,路由由后台返回
    element Cascader组件通过最后一级ID查找匹配的父级ID
    git push本地代码成功,远程提交未更新
    面试整理之原理问题
    JS执行环境与作用域理解
    webpack原理类型问题
    __webpack_require__(...) is not a function
    express+cors模拟解决跨域
  • 原文地址:https://www.cnblogs.com/somesayss/p/2486865.html
Copyright © 2011-2022 走看看