Question

当我按下某个按钮时，我正在尝试复制div，我将此工作正常，除非添加了div。它位于我页面上方的底部，我希望它可以去

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

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

   function duplicate() {
          var clone = original.cloneNode(true);
          clone.id = "filter" + ++i;
          original.parentNode.appendChild(clone);
   }

HTML：

  <!DOCTYPE html>
  <html>
    <head>
    </head>
    <body>
         <div>
           other content etc
         </div>

         <a href=#! id="filter">
           some content
         </a>

        /*here is where i would like my duplicated div to go*/

         <div class="filter-nav">
           <input type="button" onclick="" value="AND" id="and-button">
           <input type="button" onclick="" value="OR" id="or-button">
         </div>

         <div>
           other content etc
         </div>

        /*here is where it is going*/

        <footer>
           footer content
        </footer>
    </body>
  </html>

Answer 1

为下一个节点添加了一个id，并使用了insert之前保存乘法

＆＃13;

document.getElementById('and-button').onclick = duplicate;

   var i = 0;
   var original = document.getElementById('filter');
   var beforeElem = document.getElementById('filter-nav');
   function duplicate() {
          var clone = original.cloneNode(true);
          clone.id = "filter" + ++i;
          original.parentNode.insertBefore(clone, beforeElem);
   }

＆＃13;

<div>
           other content etc
         </div>

         <a href=#! id="filter">
           some content
         </a>

        /*here is where i would like my duplicated div to go*/

         <div class="filter-nav" id="filter-nav">
           <input type="button" onclick="" value="AND" id="and-button">
           <input type="button" onclick="" value="OR" id="or-button">
         </div>

         <div>
           other content etc
         </div>

        /*here is where it is going*/

        <footer>
           footer content
        </footer>

＆＃13;

复制div onclick但将div放在某个位置

1 个答案: