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

标签 javascript jquery

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

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

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

newDdl = oldDdl;

oldDdl.attr('id', newId);

oldDdl.html();

最佳答案

现代方法是使用 cloneNode功能:

let new_element = element.cloneNode(true);

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

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

element.after(new_element);

兼容性:

Browser compatibility for Element.after

Browser compatibility for Node.cloneNode

关于javascript - 是否可以在 JavaScript 中克隆 html 元素对象?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12631949/

相关文章:

javascript - 如何解析包含存储在变量中的 json 数据的 JavaScript 文件?

javascript - 使用geoxml3显示多边形kml文件

javascript - 在同一页面中处理多个表单

javascript - 将数组的第一项连接到第二个数组 JavaScript 的第一项

javascript - 如何确定所有ajax请求都已解决?

javascript - 一些没有 ng-app 的 Angular 应用程序

javascript - 如何在blueprintjs v3中的 react 应用程序中为所有子组件切换主题(浅色和深色)?

javascript - 覆盖javascript日期构造函数

javascript - removeClass 和 removeClass 图像不起作用

javascript - select2.js 和 chosen.js 无法在下拉菜单中正确呈现