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>要素にはparentNodeがあるため、これはオプションです。しかし、div を持つ理由は他にもあるかもしれません。

Answer 3

Ok。作業フィドルを投稿させてください。説明します。

働くフィドル

コードに「構文エラー」がありました。

//Incorrect    
     <div id=Photo1>

//Correct
    <div id="Photo1">

さらに、JavaScript 関数を確認してください。関数呼び出しは問題ありませんでした。その中のコードだけが間違っていた

HTML 要素 div(Photo1)を変数"Element"に既に割り当てています。img("photo")は Element の子であるため、直接削除できます。

もう 1 つの重要な点は、使用する命名規則です。「写真」などの 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

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

これを使って：

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