如何在javascript中使用动态ID删除文本框

How to remove textbox using dynamic id in javascript?

本文关键字：ID 动态 删除 文本 javascript      更新时间：2023-09-26

我有很多不同ID的动态文本框。我正在尝试在单击时删除它们，我有一个功能 

<script>
function removing(id){
    alert(id); 
    id.remove();
    }
</script>

和我的 HTML 文本框

<input type="text" id="a" name="name" onclick="removing(this.id)" />

当我单击它时。 它提供了警报框但不删除文本框的任何帮助？

你需要元素本身，所以只需传递this 

<input type="text" id="a" name="name" onclick="removing(this)" />

然后函数可以是

function removing(elm){
   alert(elm.id); 
   elm.parentNode.removeChild(elm);
}

您需要使用元素parentNode中的removeChild将其从 DOM 中删除。

您需要使用 getElementById 按 id 选择元素：

function removing(id){
    alert(id); 
    document.getElementById(id).remove();
}

但是，虽然我建议你像@AmitJoki回答的那样使用。

相关文章：