用javascript，在table中怎么画一个占两列的TD

本帖最后由 myerpso 于 2010-10-20 15:16:01 编辑

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
     </HEAD> <BODY>
        <table border="1" id="table">
            <tr>
                <td width="30">a</td>
                <td width="30">b</td>
            </tr>
        </table>    <script type="text/javascript">
            var fTable = document.getElementById("table");        var tbody = document.createElement('tbody');
            fTable.appendChild(tbody);        var trTitle = document.createElement('tr');        var tdTitle = document.createElement("td");
            tdTitle.innerHTML = "ab";
            tdTitle.colSpan = 2;
            //tdTitle.style.colspan = 2;
            //tdTitle.setAttribute("colspan", 2);  这三个都不行
            trTitle.appendChild(tdTitle);        tbody.appendChild(trTitle);
        </script>
     </BODY>
    </HTML>
      

  2.   

    tdTitle.colSpan = 2;
      

  3.   

    tdTitle.colSpan = 2;
    这样就可以了