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

js合龙内容相同的表格

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

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. js return 无效 继续执行的有关问题
  2. 高分,怎么把一个函数的参数原封不动传给另一个函数
  3. JS nextSibling跟previousSibling
  4. 鼠标拖动，放开时坐标有关问题.
  5. JavaScript控制整个页面和div的有关问题，请高手指教，在线急等~
  6. javascript 向后台传递对象,该如何解决
  7. 更进一步理解javascript对象、数组和哈希表[转载]
  8. 如何将一个整形的6位数转换成一个日期
  9. JS & JAVA经过流的方式传递文件或字符