Читать учебники:
HTML, CSS, JavaScript, DOM
PHP, MySQL, Apache, WordPress
Photoshop, Веб-дизайн, Flat
SEO, SMM, Landing Page

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

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

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

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

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

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

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

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

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

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

Вам понравились уроки? Поддержите проект "Учебники для вебмастера"!
Можете отправить с карточки, мобильного телефона или яндекс.кошелька.
Минимальная сумма перевода 30 руб.

Категория: Статья
Статья создана: 17 Окт 2014
Статья обновлена: 3 Мар 2016

2 комментария на «“HTML-элемент как кнопка”»

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

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

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

gabdrahimov.ru - сайт для веб-разработчиков
(c) При использовании материалов, ссылка на сайт обязательна
Автор: Габдрахимов Дамир Google
e-mail: gabdr0[at]ya.ru
разработка сайта - gabdr0
бесплатный PHP хостинг (без рекламы!) - Beget