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

HTML-атрибут как свойство DOM

Урок №8
Атрибуты как свойства DOM
Атрибут HTML-тега, может быть свойством DOM.

На данный момент, нам известно свойство innerHTML=" ", а также CSS-свойства DOM, являющиеся свойствами объекта style. В этой статье мы рассмотрим некоторые атрибуты HTML-тегов, которые тоже могут быть свойствами в DOM.

Начнем с элементов формы, допустим у нас имеется кнопка:

<input type="button" value="Кнопка" onclick="getChangeEl()" />

У данной кнопки есть атрибут value=" ", чьим значением выступает слово Кнопка. С помощью скрипта мы можем изменить это значение на другое, например на Кнопка нажата.

Рассмотрим данный код:

<script>
function getChangeEl() {
 document.getElementById("myInput").value="Кнопка нажата";
}
</script>

<input id="myInput" type="button" value="Кнопка" onclick="getChangeEl()" />

Присвоили кнопке атрибут id="myInput", нашли данный элемент с пощью функции
getElementById("myInput"), далее записали атрибуту value новое значение value="Кнопка нажата"

Смотреть работу скрипта.

Читать далее: Заключение

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

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

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

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

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