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

Урок №8
Атрибуты как свойства 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="Кнопка нажата"

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

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

• Category: Разное