怎么删除新增的元素

求助如何删除新增的元素




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

下面是代码

function addNewNode(){

var formObj=document.getElementById("form1");

//form-add

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(){

//删除新增的记录





};

formObj.insertBefore(btnObj,formObj.firstChild);

}

------解决方案--------------------

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);

}

------解决方案--------------------

    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);

    }

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