УРОКИ JAVASCRIPT HTML DOM DHTML AJAX ПРИМЕРЫ JAVASCRIPT РЕКЛАМА

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 уроки.






« Назад Далее »
© 2011-2016 Уроки JavaScript