javascript - 使用javascript按ID删除输入元素

Question

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

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>因为父母和孩子的情况。那是对的吗？

Answer 1

试试这个。这将起作用

下面的脚本应该放在body标签内

<script>
function hideOptionPhoto(){


var element = document.getElementById("Photo1");
var child=document.getElementById("Photo");
element.removeChild(child);

}
window.onload = function() {
  hideOptionPhoto();
};
</script>

Answer 2

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

是可选的<div>（为此），因为每个元素都有一个父节点。但是拥有 div 可能还有其他原因。

Answer 3

好的。让我发布工作小提琴，我会给出解释。

工作小提琴

在您的代码中有一个"Syntax Error"。

//Incorrect    
     <div id=Photo1>

//Correct
    <div id="Photo1">

另外检查我的 JavaScript 函数。函数调用没问题。只是里面的代码错了

您已经将HTML 元素 div(Photo1)分配给变量"Element"。img( " photo")是 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();
};

Answer 4

尝试

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>

Answer 5

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

用这个：

document.getElementById("Photo1").innerHTML = "";