Javascript '中的服务器错误/'；尝试复制div时的应用程序

我试图复制一个现有的div，所以当我点击我的按钮时 期望我当前必须在它下面再次创建“复制”div 现在将有两个div，如果我点击按钮 还有3个，以此类推

但是当我单击按钮时，我看到正在为大约 半秒钟后，页面将向我显示以下错误：

“/”应用程序中出现服务器错误。找不到资源。描述：HTTP404。您正在查找的资源（或其依赖项之一）可能已被删除、名称已更改或暂时不可用。请查看以下URL并确保其拼写正确。

以下是我的XAML代码：

 <div id="duplicater">
         <div id="gamestype">
        <table>
            <tr>
                <td>type</td>
                <td><asp:TextBox ID="gamestype" runat="server" Height="16px" Width="92px"></asp:TextBox></td>
                <td>name of game: </td>
                <td><asp:TextBox ID="namegame" runat="server" Height="17px" Width="118px"></asp:TextBox></td>
            </tr>
        </table>   
    </div>
    </div>

 <button id="button" onclick="duplicate()">Add new game</button>

类型
游戏名称：
添加新游戏

以下是我的Javascript代码：

  <script>
        document.getElementById('button').onclick = duplicate;

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

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

document.getElementById（'button'）。onclick=duplicate；
var i=0；
var original=document.getElementById（'duplicater'）；
函数复制（）{
var clone=original.cloneNode（true）；/“deep”clone
clone.id=“duplicater”++i；//只能有一个id为的元素
original.parentNode.appendChild（克隆）；
}

---

也许问题可能与MVC有关，当单击按钮时，它没有帖子或其他我不太确定的内容，因为我对MVC真的很陌生，但有任何建议说明我为什么会出现上述错误。

document.getElementById（“duplicater”）中的错误。id是“重复的”，没有RYes，这是一个打字错误我的程序中有R的副本，但它不工作，感谢现场虽然我现在将编辑帖子它是一个mvc项目我使用asp视图引擎而不是RazorIs是表单中的按钮？（默认情况下，

元素是submit按钮，因此如果您的按钮只是用来触发一些JS，那么您应该添加

type=“button”

）您的代码在小提琴中工作得非常好。因此，这个问题的出现是因为您围绕它编写了其他代码。