Question

在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>

Answer 1

这提供了解决方案

  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");
     }

将行内容追加到html表中的另一行

1 个答案: