将 html 中逗号分隔的行替换为表格

Question

我有一个html，它逗号分隔行，我想用表替换它。我计划将此代码添加到 chrome 扩展程序中，以便当用户单击该扩展程序时，页面将重新加载，并以逗号分隔的行显示为表格。我该怎么做？ 每行中的数字数相同。 某些值可能为空 (1,2,3,,,4,5( 每行由换行分隔。

<div class="formattedMsg">My execution: 
1,2,3,4,5
6,7,8,9,10
11,12,13,14,15
Total time : x secs
Time per instance : y secs
</div>

Answer 1

如果我了解您想要什么，您想通过 Javascript 即时将 CSV 转换为表格。

let origClass = document.getElementById("formattedMsg").innerHTML.split("n");
let res = "<table>";
orig.forEach(function (item) {
res += "<tr>";
let line = item.split(",");
line.forEach(function (item){
res += "<td>"+item+"</td>";
});
res += "</tr>";
});
document.getElementById("result").innerHTML = res;

<div id="formattedMsg">My execution: 
1,2,3,4,5
6,7,8,9,10
11,12,13,14,15
Total time : x secs
Time per instance : y secs
</div>