2

テーブルを並べて動的に作成する必要があります。だから私はテーブル（外側）を作成し、ボタンのクリックで列を動的に生成しようとしています。これらの各列で、必要な実際のテーブル (内部) を作成し、最終的にそれらが並んで表示されるようにします。

しかし、私はより大きなテーブルの列を作成することに行き詰まっています。コードを見れば一目瞭然です。JSでの解決策は大歓迎です。前もって感謝します

<html>
    <head>
        <script type="text/javascript">    
            function add() {
                var table = document.getElementById('foo');
                var rowCount = table.rows.length;             
                var row =document.getElementById('rowl');         
                var max=table.rows[0].cells.length;
                var cnum;

                if(max==0){
                    cnum=0;
                }else{
                    cnum=max+1;
                }

                var cell1 = row.insertCell(cnum);             

                cell1.innerHTML = "<table id='tabl'"+
                    cnum+
                    "' border=2 bordercolor='RED'><tr><th>Material  "+
                    (cnum+1)+
                    "</th></tr><tr><td>bdfgher</td></tr><tr><td>fdgerh</td></tr></table>"; 
                }
        </script>
    </head>
    <body>
        <button type="button" onclick="add()">Add cell</button>
        <table id="foo" border=1 bordercolor="BLUE">
            <tr id="rowl"></tr>
        </table>
    </body>
</html>
4

2 に答える 2

0 
var cell = document.createElement("td");
document.getElementById("rowl").appendChild(cell);

もちろん、セル要素に他の要素 (内部テーブル) を追加する必要があります。

于 2012-12-05T12:35:48.237 に答える
0

それはあなたを少し助けるかもしれません:)

<html>
<head>
<script>
var c=-1;
function displayResult()
{
var firstRow=document.getElementById("tr_1");
//var x=firstRow.insertCell(-1);
//x.innerHTML="New cell"
var cell1 = firstRow.insertCell(c++);             

                cell1.innerHTML = "<table id='tabl'"+
                    cnum+
                    "' border=2 bordercolor='RED'><tr><th>Material  "+
                    (cnum+1)+
                    "</th></tr><tr><td>bdfgher</td></tr><tr><td>fdgerh</td></tr></table>";
}
</script>
</head>
<body>

<table id="myTable" border="1">
  <tr id='tr_1'></tr>
</table>
<br>
<button type="button" onclick="displayResult()">Insert cell</button>

</body>
</html>
于 2012-12-05T12:50:56.423 に答える