Стилевые особенности элементов div

Особенности отображения элементов DIV в модели DOM можно извлечь из его объекта свойств style.

Объекты style хранят конкретные свойства position, left, top, width, height, backgroundColor, visibility и др.

Примечание.

Теги DIV могут иметь атрибут class, определяющий стилевой класс, который должен быть применен к содержанию элемента. Однако, старые версии IE не позволяют задать новый стилевой класс средствами DOM. Тем не менее получить название используемого стилевого класса с помощью метода getAttribute можно.

ЗАДАНИЕ 3 (Управление стилевыми свойствами элементов)

1. Написать функцию

createDIV(lft,tp,wdth,hgth,clr,pad),

которая создает абсолютно позиционированные элементы DIV.

Аргументы имеют следующий смысл:

lft — координата элемента по горизонтали (left),

tp — координата элемента по вертикали (top),

wdth — ширина (width) прямоугольника элемента,

hgth — высота (height) прямоугольника элемента,

clr — цвет (backgroundColor) фона прямоугольника,

pad — ширина прокладки между содержимым элемента и его границами (предполагается одинаковой для всех сторон).

Функция возвращает созданный элемент.

2. Подобрать параметры и создать с помощью функции два элемента DIV, один из которых вложен в другой, и два текстовых узла, которые добавить соответственно в каждый из элементов DIV.

Замечание.

Текстовые узлы внутри DIV будут позиционироваться обычным образом относительно своего DIV, а не абсолютно.

Вопросы для самоконтроля

1. Почему возникает необходимость предусматривать в программном коде операции, связанные с проверкой поддержки свойств и методов браузером пользователя?

2. Какие два основных метода применяются при выполнении проверки? Чем они различаются?

3. Какие возможности предоставляет библиотека Modernizr?

4. Как в старых браузерах обеспечить эмуляцию новых свойств и методов объектов DOM?

5. Для чего при проверках используется двойное отрицание?

6. С помощью каких свойств можно программно перемещаться по узлам документа (вверх, вниз, вправо-влево)?

7. Какой интерфейс DOM определяет методы для создания компонентов документа? Приведите примеры методов.

8. Какой интерфейс DOM определяет метод для добавления атрибутов? Какой метод используется для этой цели?

9. Какой интерфейс DOM определяет методы для добавления компонентов в документ? Приведите примеры методов и объясните их работу.

10. Как с помощью методов DOM можно получить имя тега элемента, значение его атрибута id, количество дочерних элементов?