HTML-элемент как кнопка

HTML-элементы тоже могут быть «кнопками»

До этого мы рассматривали примеры, в которых событие запускающее функцию (обработчик события), являлось атрибутом кнопки — onclick=" ", однако события можно размещать не только в кнопках, но и в любых других элементах страницы, например в заголовке h1:

<script>
 function getChangeEl() {
  document.getElementById("changeEl").style.fontSize="25px";
 }
</script>

<h1 onclick="getChangeEl()">Нажмите на заголовок</h1>

<div id="changeEl">
 Изменяем внешность элемента на лету, нажав на ЗАГОЛОВОК!</div>

Нажмите на заголовок и элемент изменится.

Данный скрипт показывает, что атрибуты событий можно разместить в любом элементе страницы.

Читать далее: Атрибут как свойство