Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/454.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 创建复制数组元素的按钮_Javascript_Haml - Fatal编程技术网

Javascript 创建复制数组元素的按钮

Javascript 创建复制数组元素的按钮,javascript,haml,Javascript,Haml,大家好,我是javascript新手。我想创建一个复制数组中元素的按钮。我试试这个: %a.btn.btn-success#addd{ :href => "#", :onclick => "duplicate(this.parentNode.parentNode)" } :javascript document.getElementById('addd').click = duplicate; var i = 0; v

大家好,我是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);
       }
但是我刷新了它,我添加的元素已经不在页面中了。你能帮我解决这个问题吗? 以下是截图:


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


为了进行持久更改,您需要在服务器(使用)或浏览器(使用等)上保存数据。

当然,重新加载页面时,所有内容都会重置。您期望什么:)您必须实现某种持久性,最简单的可能是可以存储字符串且不受页面刷新影响的持久性。