0

当我单击按钮时，我试图克隆元素。到目前为止，我不知道我的代码有什么问题。我认为它看起来有点对，请你看一下，并告诉/描述我的问题吗？我的意思是，我阅读了很多关于 clonenode 的文档，我也是这样做的。当我查看我的代码时，它对我来说确实有意义，但它不想工作...... D：按钮应该克隆整个字段（inputCar）

这是我的小提琴https://jsfiddle.net/7k1sb7w0/

这是html代码：

<button id="buttonBtn">Clone Field</button>

<div id="inputCar">
  <div class="column">
    <label class="heading">Invite Persons</label>
  </div>
  <div class="medium-6 column">
    <label for="ext-name">Name</label>
    <input id="ext-name" type="text">
    <input type="checkbox">
    <label for="check7"></label>
    <label>BMW</label>

    <input type="checkbox" checked="true">
    <label for="check8"></label>
    <label>Ford</label>
  </div>

  <div class="medium-6 column">
    <label for="ext-mail">E-Mail</label>
    <input id="e-mail" type="email">
    <datalist id="members"></datalist>
    <button class="deletePerson">delete</button>
    <label class="delete_btn">delete Field</label>
  </div>
  <br>
</div>

这是我的jsfile：

var clickBtn = document.querySelector('#buttonBtn');
var field = document.querySelector('#inputCar');
var i = 0;

clickBtn.addEventlistener('click', function(e) {
  var cloneField = field.cloneNode(true);
  cloneField.id = "inputCar" + i++;
  field.parentNode.appentChild(cloneField);
}

提前谢谢你，标记

4

0 回答 0