在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>
这是提供解决方案
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");
}