|
|
DHTML - HTML DOM
Что такое HTML DOM?
HTML DOM это:
- Объектная Модель Документа для HTML
- Стандартный интерфейс программирования для HTML
- Не зависящий от платформы и языка
- W3C стандарт
HTML DOM определяет объекты и свойства всех HTML элементов, а также методы (интерфейс) для доступа к ним.
Проще говоря: HTML DOM это стандарт для получения, изменения, добавления или удаления HTML элементов.
Изменить HTML Элемент
Следующий пример изменяет содержимое элемента h1:
Пример
<html>
<body>
<h1 id="header">Старый Заголовок</h1>
<script type="text/javascript">
document.getElementById("header").innerHTML="Новый Заголовок";
</script>
</body>
</html> |
Попробуйте сами »
|
Объяснение примера:
- HTML документ выше содержит элемент h1 с id="header"
- Мы используем HTML DOM для получения элемента с id="header"
- JavaScript изменяет содержимое (innerHTML) того элемента
Изменить HTML Атрибут
Следующий пример изменяет атрибут src элемента img:
Пример
<html>
<body>
<img id="image" src="smiley.gif">
<script type="text/javascript">
document.getElementById("image").src="landscape.jpg";
</script>
</body>
</html> |
Попробуйте сами »
|
Объяснение примера:
- HTML документ выше содержит элемент img с идентификатором id="image"
- Мы используем HTML DOM для получения элемента с id="image"
- JavaScript изменяет атрибут src того элемента, заменяя значение "smiley.gif" на новое значение "landscape.jpg"
HTML DOM Уроки
Чтобы узнать больше об объектной модели документа HTML DOM, пожалуйста, посетите подробные HTML DOM уроки.
|
|
