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

标签 javascript html

我有一个用逗号分隔行的 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/

相关文章:

JavaScript 私有(private)方法

javascript - 使用 JavaScript 拆分 url

javascript - 想要在输入字段中使用 AngularJs 禁用 91

javascript - 使用javascript获取上传的图像尺寸

javascript - 为 Jquery 全屏幻灯片添加字幕

javascript - 绘制多边形元素并使其可点击

html - 居中 ul 的自定义元素符号

javascript - js/jquery/html : getting a div from an iframe

html - 使用边框顶部的 CSS Bootstrap 行分隔

javascript - 将 div 从列表移动到另一个位置