0

次のようにすべての行が非表示になっている定義済みのテーブルがあります。

<tr id="row1" style="display: none;">
</tr>
<tr id="row2" style="display: none;">
</tr>
<tr id="row3" style="display: none;">
</tr>
<tr id="row4" style="display: none;">
</tr>
<tr id="row5" style="display: none;">
</tr>
<tr id="row6" style="display: none;">
</tr>

Javascript を使用して各行にセルを追加して表示しようとしています。私のJavaScriptは現在行IDを取得しており、最後にその行を表示します。しかし、セルを追加する方法がわかりません。ここに私の関数があります:

function CreateTable(numberOfLines, linesCollection, displayCollection) {
            for (var i = 0; i < numberOfLines; i++) {
                var rowId = 'row' + (i + 1);
                var row = document.getElementById(rowId);


                document.getElementById('row' + (i + 1)).style.display = "";

          }
        }
4

1 に答える 1

1

これを試して

var row = document.getElementById(rowId);
var TD = document.createElement('td'); //Create new cell
TD.innerHTML = 'This is a new cell added'; //Set some thing
row.appendChild (TD); //Add it to row
于 2013-08-06T15:54:08.580 に答える