Основы программирования на JavaScript

Объект Document (window.document)


Одной из наиболее часто используемых функций в JavaScript является document.write. Можно сказать, что document.write получает строку и выводит ее на странице. Здесь необходимо только следить за одной вещью. Если страница полностью загрузилась и вызывается document.write, то вся страница будет очищена и на экране будет только результат работы document.write.

Мы уже видели различные свойства объекта document в действии. Например, document.forms возвращает массив всех форм на странице. Здесь также существует несколько свойств, подобных этому.

  • document.forms - массив, содержащий все формы на текущей странице;
  • document.images - массив, содержащий все изображения на текущей странице;
  • document.links - массив, содержащий все ссылки на текущей странице;
  • document.anchors - массив, содержащий все анкеры на текущей странице;
  • document.applets - массив, содержащий все апплеты на текущей странице;
  • document.styleSheets - массив, содержащий все таблицы стилей на текущей странице;
  • window.frames - массив, содержащий все фреймы на текущей странице.

Как мы видели в предыдущей лекции, почти все эти свойства можно продублировать с помощью document.getElementsByTagName. Чтобы получить все изображения на странице, можно воспользоваться, например, document.getElementsByTagName('IMG');. Существует три подобные функции:

  • document.getElementById - возвращает один элемент на основе его ID;
  • document.getElementsByName - возвращает массив элементов, определенных по имени. В отличие от ID многие элементы могут иметь на странице одинаковые имена;
  • document.getElementsByTagName - возвращает массив элементов, определенных по имени тега. Имя тега является просто именем тега HTML, т.е. 'DIV', 'IMG', 'TABLE', 'A 'и т.д.

Существует еще одно свойство, document.all, которое выдает массив всех элементов на странице. Однако document.all поддерживается не всеми браузерами, поэтому предполагается, что вместо этого используется функция document.getElementsByTagName('*'), которая также вернет все элементы на странице.



Содержание раздела