我有一个用逗号分隔行的 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>
最佳答案
如果我明白你想要什么,你想通过 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>
关于javascript - 用表格替换 html 中逗号分隔的行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50168166/