Javascript 如何添加和删除输入字段

我创建了添加输入字段和删除字段。添加输入工作正常，但删除项不工作。请建议如何做到这一点。我有附加代码。提前谢谢

var x=1； 函数addRow{ var e1=document.createElementdiv； x++； //e1.id=box1； e1.设置属性'id'，输入_x+x； e1.className=box； var cont=document.getElementByIdcontent 续1； var e2=document.createElementinput； e2.type=文本； e2.name=name1； var cont1=document.getElementByIdinput+x 续1.2； } 功能移除{ //从文档中删除元素 var元素=document.getElementById'content'； element.parentNode.removelastChildelement； } var rslt=nodee=document.getElementByIdid.parentNode.removechildnode； 使用获取节点的最后一个元素，然后使用将其从父元素中移除

演示

var x=1； 函数addRow{ var e1=document.createElementdiv； x++； //e1.id=box1； e1.设置属性'id'，输入_x+x； e1.className=box； var cont=document.getElementByIdcontent 续1； var e2=document.createElementinput； e2.type=文本； e2.name=name1； var cont1=document.getElementByIdinput+x 续1.2； } 功能移除{ //从文档中删除元素 var元素=document.getElementById'content'； var lastEl=element.lastElementChild； element.removeChildlastEl； } 我认为element.removelastChild不是有效的函数。您可能需要让最后一个孩子使用

element.lastElementChild 

并使用

parentnode.removeChild(childnode)

---

您可以尝试这种方法，因为“removelastChild”不是一种有效的方法

    function removeElement() {
        // Removes an element from the document
        var element = document.getElementById('content');
        var childrens = element.children;
        childrens[childrens.length-1].remove()
    }

---

你也可以试试这个。这是另一种解决方案

function removeElement() {
            var element = document.getElementById('content');
        element.removeChild(element.childNodes[0]);

---

}

在Nice上没有可用的.removelastChild方法，非常感谢@Durga虽然这段代码可以回答这个问题，但提供关于如何和/或为什么解决问题的附加上下文将提高答案的长期价值。

function removeElement() {
            var element = document.getElementById('content');
        element.removeChild(element.childNodes[0]);