2011-12-18 16 views
2

私はこの単純なコードで永遠に戦ってきました。私は<button>を使って、簡単なJavaScript関数を呼び出して<div>を隠そうとしています。onclick hide-div関数を呼び出すことができません

HTML:

<button type="button" onclick="close('wrong')">OK</button> 

はJavaScript:

function close(ID) 
{ 
    document.getElementById(ID).style.display="none"; 
} 

私はそれが本当に単純なものだと確信している、私はちょうど、私の人生のために、それを見つけることができません。

+1

何が_働いていませんか? IDが「間違っている」要素が存在しますか?エラーメッセージが表示されますか? –

+0

@DidierG。 - トリッキーなことは、何のエラーもなかったことです。(それは何もしませんでした)(http://jsfiddle.net/H3pGz/1/)。 –

答えて

5

関数名をcloseitのように変更してみてください。window.close()関数と混同している可能性があります。

+0

良いキャッチ。 http://jsfiddle.net/H3pGz/ –

+0

とても簡単で完璧です。ありがとうございました! – Daisy

0

try document.getElementById( 'wrong')。setAttribute( 'style'、 'display:none');

0

のは、jQueryの中で何かをしてみましょう:

<button type="button" id="btn">OK</button> 
<div id="myDiv">Div's contents here</div> 

を今、あなたが必要とするだけで、あなたがやりたいことには、以下のコードを使用します。

<script type="javascript"> 
$(document).ready(function(e) {  
    $("#btn").click(function() { 
     $("#myDiv").hide(); 
    }); 
}); 
</script> 

注意:あなたは(非表示のためのいくつかの性質を持つことができます)機能:速くて遅い。これは、行動を隠す速度に影響します。

$("#myDiv").hide("slow"); 

私は、これはあなたを助けることができると思います。

関連する問題