如何在字符串变量中将行追加到表

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);

它创建4行，每行3列，分别用于日期，用户，注释。 您可以通过更改循环中的numOfRows变量来更改行数。 您可以将document.createTextNode的参数更改为任何数据。