Question

我在点击按钮时尝试克隆元素。到目前为止，我不知道，我的代码有什么问题。我觉得它看起来没那么正确，请你仔细看看，并告诉/描述我的问题？我的意思是，我读了很多关于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);
}

提前谢谢你，标记

使用eventlistener克隆元素

0 个答案: