追加行内容到另一行的HTML表

问题描述 投票:0回答:1

在HTML文档,我想两项内容合并到HTML表中的一行。结合该行后,DOM已经将这一新行更新,而前两次都被删除。例如:假设表这个样子的

<!DOCTYPE html>
<html>
<body>
<h2>Basic HTML Table</h2>
<table style="width:100%">
  <tr>
    <td>Jill</td>
    <td>Smith</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
  </tr>
  </tr>
</table>
</body>
</html>

预期结果应该在文档中有一行。

<tr>
  <td>Jill</td>
  <td>Smith</td>
  <td>Eve</td>
  <td>Jackson</td>
</tr>
html dom html-table
1个回答
0
投票

这是提供解决方案

  function copyDiv(){
  var firstRow= document.querySelector("tr:nth-child(1)");
  var secondRow = document.querySelector("tr:nth-child(2)");
  firstRow.innerHTML += secondRow.innerHTML;
  document.querySelector("table").deleteRow("1");
     }
© www.soinside.com 2019 - 2024. All rights reserved.