русс | укр

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

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


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


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

Доступ до об'єкту за номером в JavaScript

Кожен тег на Web-сторінці і, відповідно, в колекції document.all, має свій номер. Теги нумеруються в тому порядку, в якому вони зустрічаються в HTML-документі. Також приклад, тег <HTML> має номер 0, тег <HEAD> - 1 і т.д. Для доступу до об'єкту за його номером використовується метод item() колекції document.all. Наприклад, доступ до i-му об'єкту здійснюється так: document.all.item(i). Допускається і більш коротка форма цього виразу: document.all(i).
Наприклад, використовуючи властивість outerHTML тегу з номером 0, тобто. <HTML>, можна вивести на екран весь вміст HTML-документу:

alert(document.all[0].outerHTML);

Звернення до тегам за їх номерами для отримання їх властивостей показано також у прикладі. Для цього використовується функція allTags(), яка викликається за події Load при завантаженні Web-сторінок. При цьому з допомогою циклу for перебираються всі об'єкти колекції document.all, тобто всі теги Web-сторінки, і для кожного з них на екран за допомогою методу alert() виводяться такі загальні властивості об'єкта:

  • номер тега - i (можна також використовувати властивість sourceIndex);
  • назва тегу - tagName;
  • ідентифікатор тега -; id
  • текстове вміст елементу Web сторінки - innerText (для всіх тегів, крім <HTML> <BODY> - щоб уникнути дублювання, оскільки ці елементи містять тексти всіх інших елементів);
  • назва тегу-одного з батьків (для всіх тегів, крім тега <HTML>) - parentElement.tagName.

Зверніть увагу, що для властивості tagName найменування HTML-параметрів вказуються тільки великими літерами.

далі allTags() застосований оператор with(). Він використовується для компактної запису виразів, які містять загальні частини. далі allTags() такою загальною частиною є вираз document.all.item(i), яке і вказується в якості аргументу оператора with(). Інакше довелося би замість, наприклад, tagName вказувати document.all.item(i).tagName.
Приклад наведено відповідно до статті - Об'єкт event в JavaScript

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

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


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