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>

用表替换html中的逗号分隔行

1 个答案: