|
Пример Сначала рассмотрим элементарный пример. Пусть нам требуется изменить одну картинку на другую щелчком мыши на ней. В нашем примере изображение закрытой папки (open1.gif) изменяется на изображение открытой папки (open2.gif) и наоборот. Для этого мы воспользуемся свойством outerHTML Вот, как это выглядит:
Конечно, скрипт можно было бы сделать более изящным, но в таком виде он понятнее.
|
Теперь рассмотрим, какие значения имеют свойства innerHTML, outerHTML, innerText, outerText.
Для этого в качестве исходной мы взяли такую группу тэгов:
< b>< a href='raznoe.htm' id='t'>< image src='open2.gif'>Ссылка на раздел < B>Разное< /B>< /a>< /b>
На Web-странице это будет выглядеть следующим образом:
Чтобы прочитать значения свойств для элемента с id='t' (тэг ссылки), щелкните на кнопке
Присваивая новые значения свойствам, мы изменяем элементы целиком или же некоторые их части.
innerHTML заменяет тэги и тексты, вложенные в элемент (заданный, конечно же, тэгом).
outerHTML заменяет весь элемент, включая вложенные.
innerText и outerText заменяют тексты.
Советую поэкспериментировать с этими свойствами. Подробности см. в моей книге "Сам себе Web-дизайнер", (512с.).
Пример "Динамическая загрузка элементов" также основан на использовании свойств innerHTML и outerHTML.