Элемент отображения 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 = '';