使用javascript按ID删除输入元素

Remove input element by ID with javascript

本文关键字：输入 元素 删除 ID javascript 使用      更新时间：2023-09-26

我已经这样做了，但似乎不起作用！：

Javascript：

<script>
function hideOptionPhoto(){ 
    var element = document.getElementById("Photo1");
    element.parentNode.removeChild(Photo);   
};
window.onload = function() {
    hideOptionPhoto();
};
</script>

HTML:

<div id=Photo1>
    <input id="Photo" type="image" src="x.png" border="0" name="submit" alt="">
</div>

由于父级和子级的情况，我将<input>放入<div>中。这是正确的吗？

试试这个。这将工作

下面的脚本应该放在正文标签中

<script>
function hideOptionPhoto(){

var element = document.getElementById("Photo1");
var child=document.getElementById("Photo");
element.removeChild(child);
}
window.onload = function() {
  hideOptionPhoto();
};
</script>

var element = document.getElementById("Photo"); // notice the change
element.parentNode.removeChild(element);

<div>是可选的（为此），因为每个元素都有一个parentNode。但是，可能还有其他原因导致使用div。

好的。让我贴出工作小提琴，我会解释的。

工作Fiddle

在您的代码中有一个"语法错误"。

//Incorrect    
     <div id=Photo1>
//Correct
    <div id="Photo1">

此外，请检查我的JavaScript函数函数调用正常。只是里面的代码是错误的

您已经将HTML元素div（Photo1）分配给变量"Element"。img（"照片"）是Element的子级，因此可以直接删除。

更重要的一点是您使用的命名约定。您不应该像"照片"一样分配ID

HTML

<div id="Photo1">
    <input id="Photo" type="image" src="x.png" border="0" name="submit" alt=""/>
</div>

Javascript

function hideOptionPhoto(){     
    var element = document.getElementById("Photo1");
    var child=document.getElementById("Photo");
    element.removeChild(child);
};
window.onload = function() {
    hideOptionPhoto();
};

尝试

function hideOptionPhoto(){ 
var element =  document.getElementById('Photo');
if (typeof(element) != 'undefined' && element != null)
  {
    element.remove();
    alert('Deleted');
  }
};
window.onload = function() {
    hideOptionPhoto();
};
<div id=Photo1>
    <input id="Photo" type="image" src="x.png" border="0" name="submit" alt="">
</div>

<div id="Photo1">
<input id="Photo" type="image" src="x.png" border="0" name="submit" alt="">
</div>

使用此：

document.getElementById("Photo1").innerHTML = "";
相关文章：