Свойства, методы и события

Author
Анна Петрова
Senior UX Designer @ TechCorp

Новости
3.7 / 5 (75 оценок)



Кроме объектов, в модель входят коллекции - структуры, создаются из однотипных элементов. Коллекция - это группировка объектов для упрощенного доступа к ним с помощью программного кода. Например, объект Document содержит коллекцию изображений Images. Мы можем обратиться к изображению или по его имени, или по порядковому номеру(Document.Images ("my_image")Document.Images (0))

Индекс (порядковый номер) элемента в коллекции зависит от его размещения в тексте HTML-документа. В коллекциях объектной модели первый элемент имеет нулевой индекс.

Коллекциями также есть:

♦ All - все теги и элементы, расположенные по адресу;

♦ Frames - фреймы;

Понятие объектной модели

♦ Images - изображения;

♦ Links - ссылки и карты ссылок.


Главный объект в этой структуре - Document. Первый элемент HTML-документа - изображение с именем Image 1 (это фотография из файла fly. Jpg) - оно представлено как объект коллекции Images (0) (нумерация элементов коллекции начинается с нуля, поэтому первый элемент имеет индекс 0). Второй элемент - ссылка с именем Linkl на файл 1. html - нулевой объект коллекции Links подобное.

В HTML-документе имена элементов было определено с помощью атрибута NAME, и, хотя это не обязательно, в нашем примере такое обозначение оказалось полезным, поскольку теперь к элементам можно обращаться по именам. Например, для доступа к первому элементу страницы можно записать Document. Images (0) или Document. Imagel. Это особенно удобно тогда, когда на странице расположено много элементов, и трудно отследить, какой индекс имеет тот или иной из них.


Предыдущая   -    Страница: 2 из 8    -   Следующая

Навигация: 1  2  3  4  5  6  7  8  
#UX #UI #Дизайн #Доступность
Author

Анна Петрова

Senior UX Designer @ TechCorp

Более 10 лет опыта в дизайне пользовательских интерфейсов. Работала с компаниями из списка Fortune 500. Спикер на международных конференциях по дизайну.

Комментарии (5)

Оставить комментарий

Ваш email не будет опубликован

М
Михаил Сидоров

15 Января 2026

Отличная статья! Особенно понравился раздел про визуальную иерархию. Обязательно применю эти принципы в своём следующем проекте.

Е
Елена Козлова

20 Декабря 2025

Спасибо за подробное объяснение принципов доступности. Многие дизайнеры недооценивают эту тему, а зря!

А
Алексей Новиков

17 Ноября 2025

Could you share more about design systems? Would love to see a dedicated article on that topic!

Понравилась статья?

Подпишитесь на нашу рассылку и получайте новые материалы каждую неделю