• 表格合并


    <html>     
    <head>     
    <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">     
    <title>鍚堝苟琛ㄦ牸</title>     
    <script>     
    ///////////////////////////////////////////////     
    //   鍔熻兘锛氬悎骞惰〃鏍?    
    //   鍙傛暟锛歵b锛嶏紞闇€瑕佸悎骞剁殑琛ㄦ牸ID     
    //   鍙傛暟锛歝olLength锛嶏紞闇€瑕佸�鍓嶅嚑鍒楄繘琛屽悎骞讹紝姣斿�锛?    
    //   鎯冲悎骞跺墠涓ゅ垪锛屽悗闈㈢殑鏁版嵁鍒楀拷鐣ュ悎骞讹紝colLength搴斾负2     
    //   缂虹渷琛ㄧず瀵瑰叏閮ㄥ垪鍚堝苟     
    //   data:   2005.11.6     
    ///////////////////////////////////////////////     
    function   uniteTable(tb,objCol){     
    //   妫€鏌ヨ〃鏍兼槸鍚﹁�鏁?    
    if   (!checkTable(tb))   return;     
    var   i=0;     
    var   j=0;     
    var   rowCount=tb.rows.length; //   琛屾暟     
    var   colCount=tb.rows[0].cells.length; //   鍒楁暟     
    var   obj1=null;     
    var   obj2=null;     
    //   涓烘瘡涓�崟鍏冩牸鍛藉悕     
    for   (i=0;i<rowCount;i++){     
    for   (j=0;j<colCount;j++){     
    tb.rows[i].cells[j].id="tb__"   +   i.toString()   +   "_"   +   j.toString();     
    }     
    }     
    //   閫愬垪妫€鏌ュ悎骞?    
        for   (t=0;t<objCol.length;t++)  
        {     
            i=objCol[t];          
            obj1=document.getElementById("tb__0_"+i.toString())     
            for   (j=1;j<rowCount;j++)  
            {     
                obj2=document.getElementById("tb__"+j.toString()+"_"+i.toString());     
                if   (obj1.innerHTML   ==   obj2.innerHTML)//淇�敼浜嗗師鏉ョ殑innerText  
                {     
                    obj1.rowSpan++;     
                    obj2.parentNode.removeChild(obj2);     
                }  
                else 
                {     
                    obj1=document.getElementById("tb__"+j.toString()+"_"+i.toString());     
                }     
            }           
        }     
    }      
          
    /////////////////////////////////////////     
    //   鍔熻兘锛氭�鏌ヨ〃鏍兼槸鍚﹁�鏁?    
    //   鍙傛暟锛歵b锛嶏紞闇€瑕佹�鏌ョ殑琛ㄦ牸ID     
    //   data:   2005.11.6     
    /////////////////////////////////////////     
    function   checkTable(tb){     
    if   (tb.rows.length==0)   return   false;     
    if   (tb.rows[0].cells.length==0)   return   false;     
    for   (var   i=0;i<tb.rows.length;i++){     
    if   (tb.rows[0].cells.length   !=   tb.rows[i].cells.length)   return   false;     
    }     
    return   true;     
    }     
    </script>     
    </head>     
          
    <body>     
    <table   width="400"   border="1"   id="table1">     
          <tr>     
              <td>a</td>     
              <td>for</td>     
              <td>100</td>     
              <td>200</td>     
          </tr>     
          <tr>     
              <td>a</td>     
              <td>for</td>     
              <td>150</td>     
              <td>230</td>     
          </tr>     
          <tr>     
              <td>a</td>     
              <td>if</td>     
              <td>150</td>     
              <td>200</td>     
          </tr>     
          <tr>     
              <td>a</td>     
              <td>if</td>     
              <td>300</td>     
              <td>240</td>     
          </tr>     
          <tr>     
              <td>a</td>     
              <td>if</td>     
              <td>320</td>     
              <td>240</td>     
          </tr>     
    </table>     
    <br>     
    <input   type="button"   value="鍚堝苟琛ㄦ牸"   onClick="uniteTable(table1,Array(0,1,3))">     
    </body>   

  • 相关阅读:
    ObjectiveC 日记⑦ 内存管理
    Jquery自定义分页插件
    C#中的静态类和静态成员
    多线程访问共同的代码或者对象:lock避免出错
    wordpress绑定新浪微博
    组态软件基础知识概述
    书籍推荐:《网站运营直通车:7天精通SEO》
    wordpress代码高亮插件推荐:AutoSyntaxHighlighter
    书籍推荐:《伟大是熬出来的:冯仑与年轻人闲话人生》
    wince平台用xml文件做配置文件
  • 原文地址:https://www.cnblogs.com/tomcattd/p/3626215.html
Copyright © 2020-2023  润新知