怎么删除新增的元素

求助如何删除新增的元素




如何按下 '-' 后删除创建的记录

下面是代码

                                                                            
[解决办法]

var Rand;  //产生个随机编号，你自己可以根据需要自行设计，我这里偷懒就用随机数了
function addNewNode(){
Rand = Math.random();
var formObj=document.getElementById("form1");
//form-add
var Obj=document.createElement("input");
Obj.value="1";
Obj.id = "ip"+Rand;   //新增input name = Rand
formObj.appendChild(Obj);
 
var aObj=document.createElement("a");
aObj.href="";
aObj.innerHTML="click";
aObj.value = "2"
aObj.id = "a"+Rand;//新增a name = Rand
formObj.appendChild(aObj);
 
var btnObj=document.createElement("input");
btnObj.type="button";
btnObj.value="-";
btnObj.id = "bt"+Rand;//新增button name = Rand
btnObj.onclick=function(){
//删除新增的记录
formObj.removeChild(document.getElementById("ip"+Rand))  //删除记录
 formObj.removeChild(document.getElementById("a"+Rand))  //删除连接
 formObj.removeChild(document.getElementById("bt"+Rand)) //删除按钮
};
formObj.insertBefore(btnObj,formObj.firstChild);
}

[解决办法]
本帖最后由 showbo 于 2013-10-18 15:05:41 编辑            
    function addNewNode() {
        var formObj = document.getElementById("form1");
        //form-add
        var div = document.createElement('div');
        var Obj = document.createElement("input");
        Obj.value = "";
        /////formObj.appendChild(Obj);

        var aObj = document.createElement("a");
        aObj.href = "";
        aObj.innerHTML = "click";
        ///// formObj.appendChild(aObj);

        var btnObj = document.createElement("input");
        btnObj.type = "button";
        btnObj.value = "-";
        btnObj.onclick = function () {
            document.getElementById("form1").removeChild(this.parentNode);
        };
        //////formObj.insertBefore(btnObj, formObj.firstChild);



/////////////////////统一加到div容器里面，div加到表单里面
        div.appendChild(btnObj);
        div.appendChild(Obj);
        div.appendChild(aObj);
        formObj.appendChild(div);
    }


都放到一个容器里面不是多好看一些，也好处理关系