Событие при клике на элемент (JavaScript: onClick)

Dolphin
12.06.2017 05:07:45 pm
Событие onClick срабатывает при клике левой кнопкой мышки по элементу документа.
Для примера будем использовать ссылку с идентификатором link: 
<a href="#" target="_blank" id="link">Ссылка</a>

Ставим задачу: При клике по ссылки с идентификатором link, должен появиться блок, который на данный момент скрыт свойством стиля: 
<div id="block" style="display: none;">Скрытый блок теперь видимый.</div>

Решаем задачу, пишем сценарий: 
var link = document.getElementById('link');       // Получаем элемент документа с id="link"
link.onclick = function() {                       // Функция будет выполняется, только когда будет клик по ссылки
    var block = document.getElementById('block'); // Получаем элемент документа с id="block"
    block.style.display = 'block';                // Меняем свойство "display" с none на "block"

    return false;                                 // Отменяем переход по ссылки
};

Задача решена.