Ext способ создания элементов DOM или минималистская альтернатива jQuery?

Question

У меня есть приложение Sencha Touch, и я хочу динамически создавать и добавлять DOM для некоторых пользовательских HTML-панелей.

Я действительно хочу иметь возможность сделать это:

$('<div><p>Stuff</p></div>')[0] для создания элементов DOM, но я не могу найти такую ​​альтернативу в ExtJS. Существует ли такой вид синтаксиса «создать этот большой фрагмент» в ExtJS, или есть меньшая альтернатива для библиотеки, которая не требует, чтобы я использовал весь jQuery?

Также немного глупо смешивать две основные структуры.

Answer 1

Вы должны просто использовать jQuery. Это не так уж и много.

Answer 2

Вы можете сделать это так же, как jQuery делает ; создайте элемент и установите свойство innerHTML для HTML-кода и получите дочерние элементы элемента:

var e = document.createElement('DIV');
e.innerHTML = '<div><p>Stuff</p></div>';
var div = e.childNodes[0];