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

它为Date，User，Comments创建了4行，每列有3列。您可以通过更改循环中的numOfRows变量来更改行数。您可以将document.createTextNode的参数更改为您的数据。

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

1 个答案: