Rumah > Artikel > hujung hadapan web > JS合并单元格、JavaScript单元格合并
<script> </p> <p> /////////////////////////////////////////////// </p> <p> //功能:合并表格 </p> <p> //参数:tb-需要合并的表格ID </p> <p> //参数:colLength--需要对前几列进行合并,比如, </p> <p> //想合并前两列,后面的数据列忽略合并,colLength应为2 </p> <p> //缺省表示对全部列合并 </p> <p> //data:2011.11.06 </p> <p> /////////////////////////////////////////////// </p> <p> function uniteTable(tb,colLength){ </p> <p> //检查表格是否规整 </p> <p> if(!checkTable(tb)) return; </p> <p> var i=0; </p> <p> var j=0; </p> <p> var rowCount=tb.rows.length; //行数 </p> <p> var colCount=tb.rows[0].cells.length; //列数 </p> <p> var obj1=null; </p> <p> var obj2=null; </p> <p> //为每个单元格命名 </p> <p> for(i=0;i<rowCount;i++){ </p><p> for(j=0;j<colCount;j++){ </p><p> tb.rows[i].cells[j].id="tb__" + i.toString() + "_" + j.toString(); </p><p> } </p><p> } </p><p> //逐列检查合并 </p><p> for(i=0;i<colCount;i++){ </p><p> if(i==colLength) return; </p><p> obj1=document.getElementById("tb__0_"+i.toString()) </p><p> for(j=1;j<rowCount;j++){ </p><p> obj2=document.getElementById("tb__"+j.toString()+"_"+i.toString()); </p><p> if(obj1.innerText==obj2.innerText){ </p><p> obj1.rowSpan++; </p><p> obj2.parentNode.removeChild(obj2); </p><p> }else{ </p><p> obj1=document.getElementById("tb__"+j.toString()+"_"+i.toString()); </p><p> } </p><p> } </p><p> } </p><p> } </p><p> </p><p> ///////////////////////////////////////// </p><p> //功能:检查表格是否规整 </p><p> //参数:tb--需要检查的表格ID </p><p> //data: 2011.11.06 </p><p> ///////////////////////////////////////// </p><p> function checkTable(tb){ </p><p> if(tb.rows.length==0) return false; </p><p> if(tb.rows[0].cells.length==0) return false; </p><p> for(var i=0;i<tb.rows.length;i++){ </p><p> if(tb.rows[0].cells.length!=tb.rows[i].cells.length) return false; </p><p> } </p><p> return true; </p><p> } </p><p> </script>
a | for | 100 | 200 | 1 |
a | for | 100 | 300 | 2 |
a | www.2cto.comif | 100 | 200 | 3 |
a | if | 300 | 230 | 4 |
a | if | 320 | 230 | 5 |
、