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

Question

我有很多带有不同ID的动态文本框。我试图删除它们点击我有一个功能

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

和我的html文本框

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

当我点击它。它提供了警告框，但没有删除文本框的任何帮助？

Answer 1

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

即可

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

然后功能可以是

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

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

Answer 2

您需要使用getElementById：

按ID选择元素

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

---

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