русс | укр

Мови програмуванняВідео уроки php mysqlПаскальСіАсемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование


Linux Unix Алгоритмічні мови Архітектура мікроконтролерів Введення в розробку розподілених інформаційних систем Дискретна математика Інформаційне обслуговування користувачів Інформація та моделювання в управлінні виробництвом Комп'ютерна графіка Лекції


Шановні українці! Матеріал був перекладений з російської мови. Тому можуть бути незначні помикли...

Колекції об'єктів в JavaScript

Крім згаданій вище колекції document.all, що містить всі об'єкти Web-сторінки, JavaScript підтримує також кілька колекцій об'єктів, які є складовими частинами загальної колекції, кожна з яких містить усі теги HTML-документа одного найменування:

  • forms - форми;
  • frames - кадри;
  • images - малюнки;
  • lincs - гіперпосилання;
  • scripts - скрипти.

Колекції зручно використовувати, коли необхідно звернутися для зміни властивостей не до одного тегу на Web-сторінці, а до всіх тегами або групи тегів одного найменування. Доступ до елементів цих колекцій здійснюється так само, як до колекції document.all: або за номерами елементів, чи ідентифікаторах елементів. Наприклад до першого малюнку на Web-сторінці можна побратится так: document.images[0].

Крім існуючих колекцій можна створювати колекції користувача. Для цього є два однакових за виконуваних функцій методу, кожен з яких возвращает колекцію тегів даного найменування:

  • document.getElementByName("назва тегу");
  • document.all.tags("назва тегу").

У --> Об'єкт event в JavaScript показано створення колекції параграфів (тегів <P>) Web сторінки та зміна їх розмірів символів.

цього використовується фуункция changeTags(), яка викликається при подвійному клацанні мишки (за подією Dblclick) і виконує наступні дії:

  • допомогою методу document.getElementsByTagName() створює колекцію з назвою tagsP всіх параграфів Web сторінки (у прикладі їх два);
  • для кожного елемента колекції tagsP за допомогою властивості currentStyle визначає поточний розмір символів (властивість -size) та з допомогою властивості runtimeStyle збільшує його в 1,25 рази.

Переглядів: 4556

Повернутися взміст


Онлайн система числення Калькулятор онлайн звичайний Науковий калькулятор онлайн