如何從javascript中刪除輸入文本框

Question

我已經在運行時使用以下代碼從javascript創建了輸入文本框

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

textbox.type = 'text';

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

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

如何在運行時刪除相同的文本框？

Answer 1

在javascript中，您不能直接刪除該元素。 您必須轉到其父元素將其刪除。

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

Answer 2

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

Answer 3

嘗試remove()

因此，假設我有正確的選擇：

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

如果不是上面的...那么請確保給它一個id，並在remove()之前選擇它。

Answer 4

可能重復： 按ID刪除元素

但是，您可以使用以下解決方案：

您可以創建一個為您完成刪除操作的函數，這樣您就不必每次都考慮它。

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

Answer 5

嘗試這個：

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