removeChild（）が機能しない

フォームが送信されたらメッセージを表示し、ページからフォームを削除したいとします。removeChild（）が機能しない

スクリプトの最初の部分は機能していますが、2番目の部分（フォームを削除しようとする部分）は機能しません。

提案がありますか？

<script> 
$(document).ready(function() { 
    if(window.location.href.indexOf("footer") > -1) { 
     document.getElementById("thanksForMessage").innerHTML = "<h2>Thanks for the message. I will contact you shortly.</h2>"; 
     var formDiv = document.getElementById("formwell"); 
     var childForm = document.getElementsByTagName("form"); 
     formDiv.removeChild(childForm); 
    } 
}); 

</script>

出典

2016-12-01 Andy Newman

なぜjQueryと純粋なDOMを混在させていますか？なぜjQueryを全部使ってみませんか？ – Scimonster

私はDOMにもっと精通していて、jQueryを使用しようとしましたが、うまくいきませんでした... –

@Scimonster btw、どうすればjQueryだけで書くのですか？あなたの答えにスクリプトの代替バージョンを含めるでしょうか？ありがとう！ –

var childForm = document.getElementsByTagName("form");

これは、（アレイ状）のNodeListはなく、単一の要素を返します。 removeChildは単一の要素を必要とします。）このコード

$(document).ready(function() { 
if(window.location.href.indexOf("footer") > -1) { 
    $("#thanksForMessage").html("<h2>Thanks for the message. I will contact you shortly.</h2>"); 
    var formDiv = $("#formwell"); 
    var childForm = "form"; 
    formDiv.remove(childForm); 
}

}のようなものを使用しようと

formDiv.removeChild(childForm[0]);

出典

2016-12-01 14:02:57 Scimonster

;：あなたはでちょうど最初のものを渡すことができます

出典

2016-12-01 14:07:09

これは動作しません –

'＃hanksForMessage'に' t'がありません。それは問題ですか、@AlexNowak？ – Scimonster

はい。もう一度試してください –

removeChild（）が機能しない

答えて

関連する問題