javascript - 是否可以在 JavaScript 中克隆 html 元素对象？

Question

我在表格中有一个 html 元素(如选择框输入字段)。现在我想复制该对象并从副本中生成一个新对象，并且使用 JavaScript 或 jQuery。我认为这应该以某种方式起作用，但我现在有点无能为力。

类似这样的东西(伪代码):

oldDdl = $("#ddl_1").get(); 

newDdl = oldDdl;

oldDdl.attr('id', newId);

oldDdl.html();

Answer 1

现代方法是使用 cloneNode功能:

let new_element = element.cloneNode(true);

其中 bool 值指示是否也克隆其子节点。

之后，您可以将克隆的元素添加到 DOM 中的某个位置。例如，您可以使用 after()将新元素插入到原始元素之后:

element.after(new_element);

兼容性:

Browser compatibility for Element.after

Browser compatibility for Node.cloneNode