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="Кнопка нажата"

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

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


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

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

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