高手请进，急！js控制rowSpan问题。

我的table是动态生成的。如：
var table = document.getElementById();..然后动态添加行：
var tbody =。。
var tr = 。。然后我想让某列跨两行。var td = 。；我使用 td.rowSpan = ..
       td.setAttribute(...)
   都无法改变rowspan的值用alert（td.rowSpan）都是1高手帮忙，急急急！！！！！ 

解决方案 »

  1.   

    <html>
    <head>
    <script type="text/javascript">
    function changeRowSpan()
      {
      document.getElementById("td2").rowSpan="2";
      }
    </script>
    </head>
    <body><table border="1">
    <tr>
    <th>Firstname</th>
    <th>Lastname</th>
    </tr>
    <tr>
    <td id="td1">Peter</td>
    <td id="td2">Griffin</td>
    </tr>
    <tr>
    <td id="td3">Harry</td>
    <td id="td4">Potter</td>
    </tr>
    </table>
    <br />
    <input type="button" onclick=changeRowSpan()
    value="Change rowspan" /></body>
    </html>
    可以控制。
      

  2.   

    我是个js新手我的table是动态生成的，不知道会不会有什么影响。我的代码是td.rowSpan = 2;
    alert(td.rowSpan)；结果还是显示2！！！！
      

  3.   

    我的代码var ta = document.getElementById('statisticstable');
       
       var tbody = document.createElement('tbody');
       var tr = document.createElement('tr');
       var td = document.createElement('td');
       td.rowSpan = 2;
       td.align = 'center';
       td.innerText = "单位";
       tr.appendChild(td);
      

  4.   

      var ta = document.getElementById('statisticstable');
      var tbody = document.createElement('tbody');
      var tr = document.createElement('tr');
      var td = document.createElement('td');
      td.rowSpan = 2;
      td.align = 'center';
      td.innerText = "单位";
      tr.appendChild(td);
      tbody.appendChild(tr);
      ta.appendChild(tbody);
      //没效果的话你再创建一行看看.
      var tr1 = document.createElement('tr');
      var td1 = document.createElement('td');
      var td2 = document.createElement('td');
      tr1.appendChild(td1);
      tr1.appendChild(td2);
      tbody.appendChild(tr1);
      ta.appendChild(tbody);
      

  5.   

    1. 等你table的DOM加载完成后再调用此方法2. 检查一下你的css文件中是否定义了td的样式
      

  6.   

    动态添加表格（单元格合并）
    function AddTable()
    {
    var tab = document.createElement("table");
    tab.border="1";
    tab.width="300px";

    //添加2行
    var row1 = tab.insertRow(0);
    var row2 = tab.insertRow(1);

    //第一行有3个单元格
    var cell1 = row1.insertCell(0);
    cell1.innerHTML="cell1";
    cell1.rowSpan="2"; // 向下合并单元格，注意第二行单元格的个数（少一个）
    var cell2 = row1.insertCell(1);
    cell2.innerHTML="cell2";
    var cell3 = row1.insertCell(2);
    cell3.innerHTML="cell3";

    //第一行有2个单元格
    var cell4 = row2.insertCell(0);
    cell4.innerHTML="cell4";
    var cell5 = row2.insertCell(1);
    cell5.innerHTML="cell5";

    document.body.appendChild(tab);
    }
      

  7.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="content-type" content="text/html; charset=gb2312" />
    <title>文档</title>
    </head>
    <style type="text/css">
    table {
    border-collapse:collapse;
    }
    td {
    border:1px #000 solid;
    }
    </style>
    <script type="text/javascript">
    var s = [1,2,3,4,5,6,7,8,9,10]; //这个可有可无
    var c = [1,2,3,4,5,6,7,8,9,10]; //同上
    var urls = [["1.1.html","1.2.html","1.3.html..."],["2.1.html","2.2.html"]];
    window.onload = function(){
      var tb = document.getElementById("tb");
      var tbody = document.createElement('tbody');
      var tr1 = document.createElement('tr');
      var tr2 = document.createElement('tr');
      var td1 = document.createElement('td');
      var td2 = document.createElement('td');
      var td3 = document.createElement('td');
      td1.rowSpan = 2;
      td1.align = 'center';
      td1.innerHTML = "单位";
      tr1.appendChild(td1);
      td2.rowSpan = 1;
      td2.align = 'center';
      td2.innerHTML = "单位1";
      tr1.appendChild(td2);
      tbody.appendChild(tr1);
      td3.rowSpan = 1;
      td3.align = "center";
      td3.innerHTML = "单位2";
      tr2.appendChild(td3);
      tbody.appendChild(tr2);
      tb.appendChild(tbody);
    };
    </script>
    <body>
    <table id="tb"></table>
    </body>
    </html>这个例子可以解释了？
    还有什么问题请问清楚点~
      

  8.   

    这位仁兄的方法是对的，重要的是你要在文档load的时候动态创建table，不过不建议设置rowspan属性，有事会出现布局乱的问题，如：
    3列表格：第一列设置rowspan为3，后面两列设置rowspan为1，你会发现第一列的下边框被挤没了