求通用合并行的js

<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
 <title>合并表格</title>
 <script>
 //合并行
 function marage(){
 var trObjs=document.getElementsByTagName("tr");
 var tr_len=trObjs.length;
 for(var i=tr_len-1;i>=0;i--){
 var tdObjs=trObjs[i].childNodes;
 var td_len=tdObjs.length;
 var col_size=0;
 for(var j=td_len-1;j>=0;j--){
 if(j>0){
 var td_value=tdObjs[j].innerText;
 var td_row=tdObjs[j].rowSpan;
 var next_col_value=tdObjs[j-1].innerText;
 var next_td_row=tdObjs[j-1].rowSpan;
 if(td_value==next_col_value&&td_row==next_td_row){
 tdObjs[j-1].colSpan=tdObjs[j].colSpan+tdObjs[j-1].colSpan;
 tdObjs[j].removeNode(); }else{
 col_size+=tdObjs[j].colSpan;
 }
 }
 }
 }
 }
 </script>
 </head>

 <body>
 <table width="582" border="1">
 <tr>
 <td width="49">test01</td>
 <td width="39">test11</td>
 <td width="53">test12</td>
 <td width="53" rowspan="3">a</td>
 <td colspan="6">b</td>
 </tr>
 <tr>
 <td>test10</td>
 <td>test12</td>
 <td>test13</td>
 <td colspan="3">　</td>
 <td width="53" rowspan="2">2</td>
 <td width="53" rowspan="2">4</td>
 <td width="59" rowspan="2">5</td>
 </tr>
 <tr>
 <td>test20</td>
 <td>test21</td>
 <td>test23</td>
 <td width="53">1</td>
 <td width="53">2</td>
 <td width="53">3</td>
 </tr>
 <tr>
 <td rowspan="12">资产相关费 
 用</td>
 <td rowspan="2">折旧</td>
 <td>1</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 </tr>
 <tr>
 <td>2</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 </tr>
 <tr>
 <td rowspan="2">维修</td>
 <td>1</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 </tr>
 <tr>
 <td>2</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 </tr>
 <tr>
 <td rowspan="2">低值易耗品</td>
 <td>1</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 </tr>
 <tr>
 <td>2</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 </tr>
 <tr>
 <td>物业费</td>
 <td>物业费</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 </tr>
 <tr>
 <td>车辆费用</td>
 <td>车辆费用</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 </tr>
 <tr>
 <td>水电能源费</td>
 <td>水电能源费</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 </tr>
 <tr>
 <td>保险费</td>
 <td>保险费</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 </tr>
 <tr>
 <td>其他</td>
 <td>其他</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 </tr>
 <tr>
 <td>小计</td>
 <td>小计</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 </tr>
 <tr>
 <td>合计</td>
 <td>合计</td>
 <td>合计</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 </tr>
 <tr>
 <td>a</td>
 <td>b</td>
 <td>c</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 </tr>
 <tr>
 <td>费用</td>
 <td>出差费</td>
 <td>出差费</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 <td>　</td>
 </tr>
</table>

 
 <input type="button" value="合并行" onClick="marage('1','3')">
 </body>
 </html>

调试易

求通用合并行的js

解决方案 »