文字列変数のテーブルへの行の追加方法

Question

文字列変数でテーブルを作成する必要があります。
タブの書式で行を文字列に追加します。
どうすればよいですか？

var textSummary = "DATE    USER    COMMENT    "; 

どのように行を文字列に追加してこのテンプレートを保持しますか？

Answer 1

私はあなたが達成しようとしていることは明らかではありませんが、文字列変数を使用してテーブル行エントリを作成しようとしているとわかっています。動的テーブルの行要素を作成し、文字列変数を使用してテーブルのエントリを作成し、このコードを見てみましょう：

var table = document.createElement('table'); 
var numOfRows = 5 
for (var i = 1; i <= numOfRows - 1; i++){ 
    var tr = document.createElement('tr'); 

    var td1 = document.createElement('td'); 
    var td2 = document.createElement('td'); 
    var td3 = document.createElement('td'); 

    var textSummary1 = document.createTextNode('Date' + i); 
    var textSummary2 = document.createTextNode('User' + i); 
    var textSummary3 = document.createTextNode('Comment' + i); 


    td1.appendChild(textSummary1); 
    td2.appendChild(textSummary2); 
    td3.appendChild(textSummary3); 

    tr.appendChild(td1); 
    tr.appendChild(td2); 
    tr.appendChild(td3); 

    table.appendChild(tr); 
} 
document.body.appendChild(table); 

それは日のために3列にそれぞれ、ユーザー、コメントと4行が作成されます。ループのnumOfRows変数を変更して行数を変更できます。 document.createTextNodeのパラメータは、データの内容に変更できます。