如何用JavaScript的append（）替换jQuery的append（） 如何用JavaScript的append（）替换jQuery的append（）

我有两个表，我想在表1的末尾插入表2。使用jQuery非常简单，我想出了一个“好主意”来尝试使用javascript

以下是我迄今为止尝试的代码：

$（文档）.ready（函数（）{
//使用jQuery的版本
$（“#jQuery”）。在（“单击”，
函数（）{
$（“#lst1”）.find（“tbody”）.append(
$（“#lst2”）.find（“tbody”）.html（）
);
});
//使用JavaScript的版本
$（“#jScript”）。在（“单击”，
函数（）{
document.querySelector（“lst1”）.querySelector（“tbody”）.append(
document.querySelector（“lst2”）.querySelector（“tbody”）.innerHTML
);
});
});

表1
代码
名称
表2
代码
名称
00010
00020
00030
00031
00040
合并jQuery
合并jScript
在普通JavaScript中，它是，而不是
.append（）
，并且您不追加
。innerHTML
，您必须追加DOM节点


$（文档）.ready（函数（）{
//使用jQuery的版本
$（“#jQuery”）。在（“单击”，
函数（）{
$（“#lst1”）.find（“tbody”）.append(
$（“#lst2”）.find（“tbody”）.html（）
);
});
//使用JavaScript的版本
$（“#jScript”）。在（“单击”，
函数（）{
document.querySelector（“lst1”）.querySelector（“tbody”）.appendChild(
文档查询选择器（“lst2”）。查询选择器（“tbody”）
);
});
});

表1
代码
名称
表2
代码
名称
00010
00020
00030
00031
00040
合并jQuery
合并jScript
jquery是3party JS，您需要区分JQ和DOM，您的问题通过
appendchild
只需一个注释即可解决。不过，您的代码将tbody移动到一个新的父对象，而不是将其内容复制到该父对象。使用jquery，表2得到维护，这就是它的解决方案erased@ibrahimmahrir从OP的问题中不清楚这是一项要求。@fwBasic解决方案回答了您的问题，并且按照编写的方式工作。你的最终目标是什么还不清楚。