<html>
<head>
<title>表单元素的增加</title>
<script type="text/JavaScript">
function createElement1(){ var input = document.createElement("input");
input.type="file"; var br =document.createElement("br"); var button = document.createElement("input");
button.type="button";
button.value="删除"; var b1 = document.getElementById("b1");
var f = document.getElementById("f"); f.insertBefore(input,b1);
f.insertBefore(button,b1);
f.insertBefore(br,b1);
}
</script>
</head>
<body >
<form id="f">
<input type="file"><br>
<input id="b1" type="button" value="增加" onclick="createElement1();">
<br>
<input type="submit" value="提交">
</form>
</body>
</html>怎么实现点击删除,删除一行节点?

解决方案 »

  1.   

    你现在的代码不对是吧?deleteRow()删除行,deleteCell()删除单元格
      

  2.   

    <html>
    <head>
    <title>表单元素的增加</title>
    <script type="text/JavaScript">
    function fun(j){
    document.getElementById("f").removeChild(document.getElementById("div" + j));
    }
    var i = 0;
    function createElement1(){
    var b1 = document.getElementById("b1");
    var f = document.getElementById("f");var div = document.createElement("div");
    div.id = "div" + ++i;
    var input = document.createElement("input");
    input.type="file";var br =document.createElement("br");var button = document.createElement("input");
    button.type="button";
    button.value="删除";
    if(document.addEventListener){
    button.addEventListener('click', function(){fun(i)}, false);
    }else if(attachEvent){
    button.attachEvent('onclick', new Function("fun("+i+")"));
    }div.appendChild(input);
    div.appendChild(br);
    div.appendChild(button);
    f.insertBefore(div,b1);
    }
    </script>
    </head>
    <body >
    <form id="f">
    <input type="file"><br>
    <input id="b1" type="button" value="增加" onclick="createElement1();">
    <br>
    <input type="submit" value="提交">
    </form>
    </body>
    </html>