L'objet Ext fournit une méthode get qui permet de retrouver toute sorte d'objets. Si le paramètre fourni est l'ID d'un objet du DOM, cette méthode retourne un objet Ext.core.Element.

L'objet Ext.DomQuery permet de sélectionner des éléments du DOM en utilisant des sélecteurs CSS3 ou XPATH.

L'objet Ext.DomHelper fournit tous les services nécessaires à la création d'éléments dans le DOM.
Il se base sur une description JSON des éléments à créer :

{
    id: 'my-ul',
    tag: 'ul',
    cls: 'my-list',
    // append children after creating
    children: [
        // may also specify 'cn' instead of 'children'
        {tag: 'li', id: 'item0', html: 'List Item 0'},
        {tag: 'li', id: 'item1', html: 'List Item 1'},
        {tag: 'li', id: 'item2', html: 'List Item 2'}
    ]
};

Cela permet de faciliter l'usage des variables. Les variables sont directement placées dans la spécification, là où il faudrait concaténer plusieurs chaines :

var length='45px' ;
var spec={
  tag : 'li',
  width :length
} ;

Ext.core.Element permet de manipuler un objet du DOM :

var el = Ext.get("my-div");
el.setWidth(100);

La méthode Ext.get retourne toute sorte d'objets. Si la valeur passée est l'ID d'un composant Ext-JS, c'est celui-ci qui sera retourné. Si l'ID est celui d'un élément du DOM, c'est une instance de Ext.core.Element référençant l'élément du DOM qui est retournée. Cet objet permet de manipuler l'élément du DOM. Mais ce n'est pas l'élément du DOM.

La méthode Ext.getDom est faite pour cela :

var el = Ext.getDom("my-div");

Les méthodes de l'objet Ext.core.Element permettent de manipuler avec des animations un objet du DOM :

var el = Ext.get("my-div");
// Element animation options object
var opt = {
    duration: 1,
    easing: 'elasticIn',
    callback: this.foo,
    scope: this
};
// animation with some options set
el.setWidth(100, opt)