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

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

Урок №7
Элемент как кнопка
DOM элемент как кнопка.

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

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

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

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

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

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

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


Дата публикации поста: 3 марта 2016
Дата обновления поста: 17 октября 2014
Бесплатный хостинг от компании Бегет, для начинающих: beget.com/ru/hosting/free

2 Replies to “HTML-элемент как кнопка”

  1. Алекс 02.03.2016 at 16:00

    Нажмите на заголовок — небольшая ошибочка. Закрытый тег не тот.
    Спасибо за курсы, интересные 🙂

    Ответить

    1. Пожалуйста, спасибо вам, исправил

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *