1. 爱易网页
  2. JavaSript
  3. js合龙内容相同的表格

js合龙内容相同的表格

日期：2014-05-16　 浏览次数：20376 次

js合并内容相同的表格
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档 </title>
</head>
<body>
<table width="100%" border="1" cellspacing="0" cellpadding="0" id="tab">
<tr>
    <td>姓名 </td>
    <td>性别 </td>
    <td>年龄 </td>
    <td>学科 </td>
    <td>分数 </td>
  </tr>
  <tr>
    <td>张三 </td>
    <td>男 </td>
    <td>22 </td>
    <td>数学 </td>
    <td>90 </td>
  </tr>
  <tr>
    <td>张三 </td>
    <td>男 </td>
    <td>22 </td>
    <td>语文 </td>
    <td>70 </td>
  </tr>
  <tr>
    <td>张三 </td>
    <td>男 </td>
    <td>22 </td>
    <td>英语 </td>
    <td>60 </td>
  </tr>
  <tr>
    <td>李四 </td>
    <td>女 </td>
    <td>19 </td>
    <td>数学 </td>
    <td>60 </td>
  </tr>
  <tr>
    <td>李四 </td>
    <td>女 </td>
    <td>19 </td>
    <td>语文 </td>
    <td>60 </td>
  </tr>
  <tr>
    <td>王五 </td>
    <td>男 </td>
    <td>19 </td>
    <td>英语 </td>
    <td>60 </td>
  </tr>
</table>
<script >
    var tab=document.getElementById("tab");
    var name="";
    for(var i=0,j=0;i <tab.rows.length;i++,j++) {
        if(name==tab.rows[i].cells[0].innerHTML) {
            tab.rows[i].deleteCell(0)
        } else  {
            name=tab.rows[i].cells[0].innerHTML;
            if(i>0)tab.rows[i-j].cells[0].rowSpan=j;
            j=0;
        }
    }  
</script >
</body>
</html>

相关资料更多>

  1. JSP,PHP,Python,Ruby,Perl要略及各自特点
  2. ExtJs fieldset区域中，动态平添多个块集合
  3. js跨域有关问题如何解决
  4. 两次密码验证的有关问题
  5. JSP页面跳转步骤总结
  6. jsdoc 有关规范
  7. jquery用ajax回来json
  8. [zz]施用JSmooth java转exe总结
  9. javascript 如何获取变量的前几个字符！