如何将具有自动递增id的表单元素克隆到所有元素

// 1. 确定父元素
var parentElement = document.getElementById("form-container");

// 2. 选择要克隆的表单元素
var formElements = parentElement.getElementsByClassName("form-element");

// 3. 创建空数组
var clonedElements = [];

// 4. 循环遍历并克隆表单元素
for (var i = 0; i < formElements.length; i++) {
  var clonedElement = formElements[i].cloneNode(true);
  clonedElements.push(clonedElement);
}

// 5. 修改克隆后的元素id属性
var counter = 1;
for (var j = 0; j < clonedElements.length; j++) {
  var originalId = clonedElements[j].id;
  var newId = originalId + "-" + counter;
  clonedElements[j].id = newId;
  counter++;
}

// 6. 将克隆后的表单元素添加到页面中的目标位置
for (var k = 0; k < clonedElements.length; k++) {
  parentElement.appendChild(clonedElements[k]);
}