javascript - 创建 DOM 元素的 Ext 方法，还是 jQuery 的极简替代品？

Question

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

我真的希望能够做到这一点:

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

混合两个主要框架也感觉有点傻。

Answer 1

您可以按照 jQuery does it 的方式进行操作;创建一个元素并将 innerHTML 属性设置为 HTML 代码，并获取该元素的子元素:

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