javascript复制div更改innerHTML id

Question

我需要通过更改按钮的 id(增加它们)将内容从一个 div 复制到另一个 div

示例:

<script type="text/javascript">
  function add(){
    document.getElementById('two').innerHTML = document.getElementById('one').innerHTML;
  }
</script>

<div id="one">
  <button id="button_1" >Button_1</button>
</div>

<div id="two"></div>

<button onclick="add();">Add</button>

这当然不能正常工作。

结果应该如下:

<div id="two">
  <button id="button_2" >Button_2</button>
</div>

有什么简单的方法可以做到这一点吗？

Answer 1

如果你想复制按钮的点击按钮，我想它会为你工作..

document.getElementById('button').onclick = duplicate;


var i = 0;
var original = document.getElementById('one');

function duplicate() {
    var clone = original.cloneNode(true); // "deep" clone
    clone.id = "one" + ++i; // there can only be one element with an ID
    original.parentNode.appendChild(clone);
  
}

<div id="one">
    <button id="button_1" >Button_1</button>
</div>


<button id="button" style="color:red">Add</button>