js一个简单的问题

Question

<tr>
                <td align="right" style="width: 100px">
                    请选择图片：
                    <br />
                    <input id="File1" type="file" name="File" runat="server" style="width: 245px" />描述：
                    <input name="text" type="text" style="width: 150px" maxlength="20" />
                </td>
                <td align="left" style="width: 500px">
                    <p id="MyFile">
                        <input onclick="addFile()" type="button" value="增加图片(Add)" />
                    </p>
                </td>
            </tr><script type="text/javascript">
        var i = 1;
        function addFile() {
            if (i < 8) {
                var str = '<BR> <input type="file" name="File" runat="server" style="width: 200px"/>描述：<input name="text" type="text" style="width: 150px" maxlength="20" /> <input type="button" onclick="deleteFile" value="X"/> ';
                document.getElementById('MyFile').insertAdjacentHTML("beforeEnd", str);
            }
            else {
                alert("您一次最多只能上传8张图片！");
            }
            i++;
        }
    </script>添加功能实现了，点后面的X，去掉当前的如何实现呢？JavaScript

Answer 1

1. onclick = "deleteFile(this)"
2. 在外边包一个div或者span，然后在deleteFile里这么写：function deleteFile(current)
{
  current.parentNode.parentNode.removeChild(current.parentNode);
}

Answer 2

建议你将下面的元素和内容统一放在一个元素里面，比如一个div，再对这个元素进行操作就方便多了<input type="file" name="File" runat="server" style="width: 200px"/>描述：<input name="text" type="text" style="width: 150px" maxlength="20" /> <input type="button" onclick="deleteFile()" value="X"/>如下：    <script type="text/javascript">
        function deleteFile(i) {
            var id = "#" + i;
            $(id).remove();
        }        var i = 1;
        function addFile() {
            if (i < 8) {
                var str = '<div id='+i+'><input type="file" name="File" runat="server" style="width: 200px"/>描述：<input name="text" type="text" style="width: 150px" maxlength="20" /> <input type="button" onclick="deleteFile('+i+');" value="X"/></div>';
                document.getElementById('MyFile').insertAdjacentHTML("beforeEnd", str);
            }
            else {
                alert("您一次最多只能上传8张图片！");
            }
            i++;
        }    </script>