JavaScriptでボタンを使用してdivタグを非表示

-2

私はスタックオーバーフローのすべてのソリューションを探していましたが、W3Schoolsの単純なコードもコピーしましたが、どちらもうまくいかないようです。JavaScriptでボタンを使用してdivタグを非表示

これは私の現在のコード（簡体字）である：私もそれを設定しようとしました

<script language="javascript"> 
    function remove() { 
    if (document.getElementById('vraagkader').style.display !== "none";) { 
     document.getElementById('vraagkader').style.display = "none"; 
    } 
    } 
</script>

は動作しません...

：

<script language="javascript"> 
    function remove() { 
    document.getElementById('vraagkader').style.display = "none"; 
    } 
</script> 

<head> 
</head> 
<body> 
    <div id="vraagkader" style="display: block"> 
    <?php 
     echo "<form name='test'><input type='submit' name='5050' value='5050' onClick='remove()'></form>"; 
    ?> 
    </div> 
</body>

今もCSSを最初に作成してから、次のように編集してみてください：

#vraagkader { 
    display: block; 
}

そして同じJavaScriptを使っていますが、それもうまくいきません。

今のところ、すべてが何らかの理由で機能していないようです。なぜ誰かが私に言うことができますか？

出典

2017-03-14 G Buis

コンソールですべてのエラー？少なくとも2番目のバージョンでは、解析エラーが発生するはずです... – Thomas

フォームが送信されないようにするために何もしません。また、 'document.getElementById（ 'vraagkader'）にタイプミス（余分な'; '）があります。style.display！==" none ";'。また、PHPを表示する必要はありません。レンダリングされたHTMLだけです。 – j08691

なぜあなたはフォームを持っていますか？ –

あなたの問題は、ボタンが「送信」であることです。クリックすると、ページがリロードされます。与えられたdivを削除すると、あなたのコードは動作します。しかし、ページは直ちにリロードされるので、目に見えるよりも速く再生成されます。 type="submit"をtype="button"に変更しても問題ありません。

http://codepen.io/jeremythille/pen/VpzWMW

出典

2017-03-14 16:23:35

なぜ静かなdownvoteですか？ –

私のために働く+1 – Marcus

OPによってポストされたコードは働いています。 –

function remove() { 
 
    document.getElementById('vraagkader').style.display = "none"; 
 
\t return false; 
 
    }

<head> 
 
    </head> 
 
    <body> 
 
    <div id="vraagkader" style="display: block"> 
 
     <form name='test'><input type='submit' name='5050' value='5050' onClick='return remove()'></form> 
 
    </div> 
 
    </body>

出典

2017-03-14 16:23:40

JavaScriptでボタンを使用してdivタグを非表示

答えて

関連する問題