Добавление и удаление элементов Web‑страницы

А теперь – высший пилотаж Web‑программирования! Программное добавление на Web‑страницу новых элементов и программное же их удаление. Для этого применяют методы объекта DomHelper.

Метод append добавляет новый элемент Web‑страницы в качестве потомка в конец указанного элемента:

Ext.DomHelper.append(<элемент – будущий родитель>, <конфигуратор> [, true])

Первый параметр – элемент Web‑страницы, который станет родителем для вновь создаваемого элемента. Это может быть либо строка с именем элемента, либо представляющий его экземпляр объекта Element.

Второй параметр – конфигуратор, задающий тег, содержимое и значения атрибутов тега создаваемого элемента Web‑страницы.

Все эти параметры задают в следующих свойствах конфигуратора:

– tag – имя тега в виде строки;

– html – HTML‑код, представляющий содержимое элемента;

– cls – стилевой класс, который будет привязан к элементу;

– children или cn – массив конфигураторов, представляющих потомки данного элемента;

‑ <имя атрибута тега> – значение соответствующего атрибута тега .

Метод append возвращает экземпляр объекта HTMLElement, представляющий созданный элемент Web‑страницы. Но если мы передадим в качестве третьего, необязательного, параметра значение true, он вернет более удобный в работе и уже привычный для нас экземпляр объекта Element.