DHTML DOM (Document Object Model)
- Предыдущая страница DHTML CSS
- Следующая страница События DHTML
DOM (Document Object Model) позволяет нам получить доступ к каждому элементу в документе.
Пример
Примечание:Большинство примеров DHTML требуют IE 4.0+、Netscape 7+ или Opera 7+!
- Доступ к элементам
- Как получить доступ к элементу и изменить его стиль?
- Изменение свойств
- Как получить доступ к элементу изображения и изменить свойство "src"?
- innerHTML
- Как получить доступ и изменить содержимое элемента?
Как получить доступ к элементу?
Элементы должны иметь определенный идентификатор id и должны использовать скриптовый язык. JavaScript - это脚本ный язык с наилучшей совместимостью с браузерами, поэтому мы используем JavaScript.
<html>
<body>
<h1 id="header">Мой заголовок</h1>
<script type="text/javascript">
document.getElementById('header').style.color="red"
</script>
</body>
</html>
Этот скрипт может изменить цвет элемента заголовка и сгенерировать вывод.
Мой заголовок
- Предыдущая страница DHTML CSS
- Следующая страница События DHTML
