javascript - 如何动态重置contentEl？

Question

动态更改contentEl 的最佳方式是什么？我可以看到 update 方法，但它适用于字符串/模板输入，而且我仍然可以使用它以某种方式使用 innerHTML 来重置内容。但是如何重置 DOM 元素本身呢？

var divA = document.createElement("div");
divA.innerHTML = "divA";
var divB = document.createElement("div");
divB.innerHTML = "divB";
var win  = Ext.create('Ext.window.Window', {
    title: 'An Example',
    height: 200,
    width: 400,
    layout: 'fit',
    contentEl: divA
}).show();

window.setTimeout(function() {
    //this will work, but what about DOM?
    var buf = document.createElement('div');
    buf.appendChild(divB);
    win.update(buf.innerHTML);
}, 2000)

Answer 1

您可以使用 replaceWith() method ，以及要创建的新元素的配置对象:

Ext.get(contentEl).replaceWith({ html: '<div>hello, world</div>' });