Как изменить содержимое страницы после ее загрузки?
Оглавление
Как изменить содержимое страницы после ее загрузки?
Страница 2
Страница 3
Страница 1 из 3
Проблема
Тяжела доля Web-программиста!.. Мне нужно изменить содержимое Web-страницы
после ее загрузки, а я не знаю, как это сделать.
Решение 1
Самое простое — это воспользоваться методом write объекта document. Этот не
возвращающий значения метод выводит переданную в качестве единственного
параметра строку на Web-страницу. При этом строка будет выведена в том месте,
где встретился вызов метода write, и все теги HTML, встретившиеся в этой строке,
будут обработаны.
Народ советует
Это самый простой и самый "совместимый" способ дополнить содержимое страницы
после ее загрузки. Но для изменения ее содержимого он — увы! — не
подходит.
Пример
Далее приведен HTML-код страницы, выводящей после загрузки текущую
дату.
<HTML>
<HEAD>
<TITLE>Простейший вывод</TITLE> </HEAD> <BODY>
<SCRIPT TYPE="text/javascript"> var d = new Date() ;
document.write("<Р>Сегодняшняя дата - " + d.toLocaleString()
+"</P>");
</SCRIPT> </BODY> </HTML>
Здесь выражение, содержащее метод write объекта document, выводит на страницу
абзац (тег <р>), содержащий текстовое представление даты.
Решение 2 (internet Explorer и Opera)
Internet Explorer версий 4.0 и выше и Opera идут навстречу Web-программистам,
которым нужно менять содержимое страниц уже после того, как они загрузятся.
Далее перечислены свойства объекта, представляющего элемент страницы, которые
можно для этого использовать:
innerHiML— предоставляет доступ к содержимому элемента страницы,
которое рассматривается как код HTML;
innerText — предоставляет доступ к содержимому элемента страницы,
которое рассматривается как обычный текст;
outerHTML— предоставляет доступ к содержимому элемента страницы, которое
рассматривается как код HTML, а также к тегам, формирующим сам этот элемент;
outerText — предоставляет доступ к текстовому содержимому элемента страницы,
а также к тегам, формирующим сам этот элемент.
Давайте рассмотрим эти свойства подробнее. И сделаем это на примере.
Пред. - След. »
