javascript - 如何删除输入类型的文本？

Question

如何删除动态生成的特定输入文本？我尝试使用 remove() 但没有用。任何想法？

var txtLoop = 1;
function add(type) {
    //Create an input type dynamically.
    var element = document.createElement("input");

    //Assign different attributes to the element.
    element.setAttribute("type", "text");
    element.setAttribute("value", "typhere");
    element.setAttribute("name", "txtbox" +txtLoop);
    txtLoop++;

    var btns = document.createElement("input");


    btns.setAttribute("type", "button" );
    btns.setAttribute("value", "delete");
    btns.setAttribute("name", "dlete");

    //This part is wrong, hmmm..
    btns.setAttribute("onclick", var elem = document.getElementById("txtbox");
    elem.remove(); );

    var foo = document.getElementById("fooBar");

    //Append the element in page (in span).

    foo.appendChild(element);
    foo.appendChild(btns);
}

<INPUT type="button" value="Add" onclick="add(document.forms[0].value); "/>

<span id="fooBar"><br/></span>

当我添加 setAttribute onlick 时它不起作用。有什么想法吗？

Answer 1

您需要在脚本中更改两件事。

1) 您创建的输入没有添加ID属性。

element.setAttribute("id", "txtbox");

只有这样你才能做

var elem = document.getElementById("txtbox");

2) 您创建的按钮需要更改为以下内容。 请注意，remove() 不是 javascript 函数，它是 jquery

btns.onclick=function(){
    var elem = document.getElementById("txtbox");
    elem.parentNode.removeChild(elem);
}