Ext创建DOM元素的方法，或者jQuery的极简替代方法

Question

我有一个Sencha Touch应用程序，我想为一些自定义HTML面板动态创建并附加到DOM中。

我真的很想做到这一点：

$('<div><p>Stuff</p></div>')[0]来创建DOM元素，但我在ExtJS中找不到任何这样的替代方案。ExtJS中是否存在这种"创建这个大片段"语法，或者是否有一个较小的库替代方案不需要我引入所有jQuery？

混合使用两个主要框架也让人觉得有点傻。

Answer 1

您可以使用与jQuery相同的方法；创建一个元素，并将innerHTML属性设置为HTML代码，然后获取元素的子级：

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

Answer 2

您应该只使用jQuery。它没有那么大。