Javascriptが表示されます。

Question

Jqueryなしでこれを実行しようとしています。トリガーをクリックするとdivを表示したいこれまで私は要素を隠すためにこれを持っています。

document.getElementById('element').style.display = 'none'; 

HTML ..

<div class="element">Ahem, boo!!</div> 
<a href="#" id="showDiv">Show</a> 

にはどうすればリンクをクリックしたときのdivを表示する機能を作成するのですか？私は、リンク自体にonclick="showDiv()のような関数を使用しないようにしたいと思います。

Answer 1

document.getElementById('showDiv').onclick=function(){ 
    // Remove any element-specific value, falling back to stylesheets 
    document.getElementById('element').style.display=''; 
}; 

Answer 2

JavaScript内でイベントハンドラを完全にアタッチすることは可能です。例：

document.getElementById('showDiv').onclick = function() { 
    // Do whatever now that the user has clicked the link. 
}; 

は、あなたが投稿したコードの最初の行の効果を逆に、あなたが使用できます。

document.getElementById('element').style.display = 'block'; // or 
document.getElementById('element').style.display = '';