Question

大家好，我是javascript新手。我想创建一个在数组中复制元素的按钮。我尝试这个：

   %a.btn.btn-success#addd{ :href => "#", :onclick => "duplicate(this.parentNode.parentNode)" }

       :javascript
       document.getElementById('addd').click = duplicate;

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

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

但是我刷新了一下，添加的元素已经不在页面中了。您能帮我解决这个问题吗？这是屏幕截图：

First

It add properly the element

But when I refresh the page, the element disappears.

Answer 1

您的代码仅在当前网页的DOM内进行更改。刷新页面后，将从服务器发送的HTML重新生成DOM，因此您的更改会丢失。

为了进行永久更改，您需要使用{{3}将数据保存在服务器（使用AJAX）或浏览器中}，Local Storage等

创建一个复制数组元素的按钮

1 个答案: