2017-05-27 13 views
0

このメソッドを使用してテーブルを作成するには、どのようにIDを行、列に割り当てることができますか。 idsが変数であることを知る、例えば。配列の長さ。テーブルの行と列に変数IDを割り当てる方法

function addRow(tableID, text) { 
    // Get a reference to the table 
    var tableRef = document.getElementById(tableID); 

    // Insert a row in the table 
    var newRow = tableRef.insertRow(); 

    // Insert a cell in the row 
    var newCell = newRow.insertCell(); 

    // Append a text node to the cell 
    var newText = document.createTextNode(text); 
    newCell.appendChild(newText); 
} 

// Call addRow(text) with the ID of a table 
addRow('TableA', 'Brand new row'); 
addRow('TableA', 'Another new row'); 
+0

これは私があなたのロジックを、以下、行と列にIDを追加すること作られたサンプルがあり、実際にどのような配列の長さに基づいていない、しかし、あなたがしたい場所の種類の表示されます:https://jsfiddle.net/lixusrarnavo/oycqvzn9/ – Lixus

+0

私はそれが何かとは思わない。私は後でgetElementByidを使いたい。だから私はあなたのコードでそれをどうしますか? – user7945230

+1

要素を作成する場合は、作成時に要素を保存します。すでに要素への参照がある場合は、なぜ 'getElementById'を実行するのが嫌ですか? – naomik

答えて

0

k行を追加したいとします。シンプルで、ループの行をk反復で作成します。

var tableRef = document.getElementById(tableID); 

//to add k rows 
for (x=0; x<k; x++) 
{ 

    // Insert a row in the table 
    var newRow = tableRef.insertRow(x); 
    newRow.setAttribute("id","row"+x); 

    // Insert a cell in the row 
    var newCell = newRow.insertCell(0); 

    // Insert another cell in the row 
    var newCell2 = newRow.insertCell(1); 

    //insert HTML text in the cells 
    newCell.innerHTML="text1"; 
    newCell2.innerHTML="text2"; 
} //end for 

}//end function 
関連する問題