Когда речь заходит об использовании JavaScript в веб-приложениях, даже самые сложные задачи могут быть сведены к динамическому изменению структуры документа HTML. А это означает манипулирование объектной моделью документа. Изменение HTML-документа состоит из трех этапов:
- Найти место для нового контента
- Сгенерировать новое содержание
- Вставить его на нужное место
Традиционно, модификация DOM в браузере представляет собой сложный процесс определения, какой браузер используется, какая версия этого браузера, а затем выполнение подходящего метода. Одиночный элемент можно выбрать с помощью Ext.get или Ext.fly, а коллекцию — с помощью Ext.select. Когда вы вызываете метод Ext.select для получения коллекции элементов, то можете использовать массив узлов DOM, объектов Ext.Element или идентификаторов узлов DOM. Однако, если передается строка, то метод Ext.select использует класс Ext.DomQuery.
Класс Ext.DomQuery содержит вспомогательные методы для создания и выполнения высоко-производительных селекторов. DomQuery используется в библиотеке Ext JS и принимает несколько форм селекторов, в том числе XPath и CSS (многие из которых еще не поддерживаются современными браузерами). Вот краткий список селекторов. Читать далее