如何从javascript中删除输入文本框

时间:2014-08-20 07:31:05

标签: javascript

我已经在运行时使用以下代码从javascript创建了一个输入文本框

var textbox = document.createElement('input');

textbox.type = 'text';

textbox.id='tbox';
textbox.value=document.getElementById("texts"+i).value;

document.getElementById('frm').appendChild(textbox);

如何在运行时删除相同的文本框?

5 个答案:

答案 0 :(得分:4)

在javascript中,您无法直接删除该元素。您必须转到其父元素才能将其删除。

var elem = document.getElementById("tbox");
elem.parentNode.removeChild(elem);

答案 1 :(得分:1)

document.getElementById('frm').removeChild(document.getElementById('tbox'));

答案 2 :(得分:0)

尝试remove()

所以假设我有一个正确的:

document.getElementById("texts"+i).remove()

如果不是上述...那么请确保你给它一个id并在remove()之前选择它

答案 3 :(得分:0)

可能重复:Remove element by id

但是,您可以使用以下解决方案:

您可以创建一个为您删除的功能,这样您就不必每次都考虑它。

function remove(id)
{
    return (elem=document.getElementById(id)).parentNode.removeChild(elem);
}

答案 4 :(得分:0)

试试这个:

var temp = document.getElementById('texts'+i);
           temp.parentNode.removeChild(temp);