Javascript将3个文件中的HTML组合起来创建表

我有两个不同应用程序的输出+一个csv文件，我想合并成一个HTML表格。我只是想知道javascript是否是实现这一点的合适工具&只是一些关于从哪里开始的提示

我有一个HTML表格，由其中一个应用程序输出。第1列包含套件

DNA构型-DNA结果比较 IDDYS393DYS390 modal1325 760701325 474031326 2121881325

---

这是你想要的95%的东西

// https://stackoverflow.com/a/14991797/295783 对于Co＝Cal=长度0；C++ {{ CCC＝STR [C]，NC＝STR [C+1]；ARR[RO] [AR] [RO] [O] [Cal]= ARR[ROC[ROC] [COL]；如果CC＝‘& & & & NC＝=’’{AR[Cal]+C=；++C；继续；}如果CC＝＝``引号＝！引用；继续；}如果cc=＝``，` & &！函数PARSECVSTR{{ARR＝[]；让{++col；continue；}如果cc='\n'&&！quote{++row；col=0；continue；}arr[row][col]+=cc；}返回arr；} 常量组=`1-组MRCA b.450AD-950AD …2节点113 Z288 b.1350AD-1850AD ……3-76070 …公元1850年至1900年，公元前85年 ……3-参与者47403 ……3-参与者212188`.split/\r？\n/； 常量kit=`kit，名称，祖先，单倍体组 76070，琼斯，约翰·琼斯1763-1843，R-M417 47403，史密斯，约翰·史密斯，1696-1760，R-M512 212188，贝克，R-M198`.split/\R？\n/； const table=document.querySelectortable.cloneNodetrue； const thead=document.createElementthead； const tbody=table.queryselectorbody； 常量kitObj=kit.slice1.reduceAc，行=>{ const[ID，Name，祖先，Haplogroup]=parseCSVline.flat//不能仅用逗号拆分 acc[ID]={名称，祖先，单倍体群} 返回acc； },{} //console.logkitObj const dys=[…tbody.querySelectorAlltr.clsCellData].reduceacc，行=>{ acc[row.cells[0].textContent]=[…row.cells].slice1.mapcell=>``${attr}=${cell.getAttributeattr}`>${cell.textContent}`； 返回acc； },{}; //洛格迪 const rows=group.mapline=>{ 如果line.includeparticipant{ const[，participant]=line.split； const obj=kitObj[参与者]； 返回`${participant}${obj.Name}${obj.祖先}${obj.Haplogroup}${dys[participant].join}` } 否则返回`${line.trim}` } //console.logrows const firstRow=tbody.queryselector； thead.innerHTML=`${firstRow.cells[0].textContent}` 表.插入前，t正文； firstRow.parentNode.removeChildfirstRow； const secondRow=tbody.queryselector；//我们删除了第一个 const throw2=document.createElementtr； throw2.innerHTML=`${secondRow.cells[0].textContent}NameAncestorHaplogroup${secondRow.cells[1].innerHTML}${secondRow.cells[2].innerHTML}` thead.appendChildthrow 2 secondRow.parentNode.removeChildsecondRow； const thirdRow=tbody.queryselector；//我们删除了第一个 cells[0]。setAttributecolspan，4； tbody.innerHTML=tbody.firstElementChild.outerHTML+rows.join； document.body.appendChildtable 生成表 DNA构型-DNA结果比较 IDDYS393DYS390 modal1325 760701325 474031326 2121881325 预期 DNA构型-DNA结果比较 IDNameanceStorHaplogroupDYS393D390 modal1325 1-组MRCA-b。450AD-950AD …2节点113 Z288 b。公元1350-1850年 76070琼斯约翰·琼斯1763-1843R-M4171325 …2节点85 b。公元1850-1900年 47403史密斯，约翰·史密斯，1696-1760R-M5121326 212188BakerR-M1981325

---

通过脚本修改它可以通过JS完成。我们希望你自己试试。最好的方法是先尝试自己，当你遇到困难时——然后研究特定的困难，而不是整个任务。然后尝试下一个难度，直到完成任务。将大任务拆分为小任务是一项基本技能，没有它，您在软件开发中就走不了多远。如果没有某种服务器端代码（Node.js或Java、Python或.NET代码），读取CSV文件可能会很尴尬。如果用JSON等文件表示数据，您会发现通过JavaScript更容易集成到web页面中。请查看以下链接：。您可以选择一个文件。。但它涉及到用户通过按钮选择一个。是的。谢谢大家。我应该提到的是，我已经做了好几天了，运气不好，这就是我问的原因。只要我想对了，我就继续努力。我一定会看看JSON。太好了。谢谢你的推荐。我来看看我该怎么做。我现在也在检查。好的，完成了。您需要跨一些属性进行复制，并从CellsMapzing生成样式表，而不是内联样式附加属性。非常感谢你。明天就得做了。