Кожен тег на 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
