如何动态重置contentEl？
动态更改 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)
What is the best way to dynamically change contentEl? I can see update method, but it works with string/template input, and I can still use it to reset content using somehow innerHTML. But what about resetting DOM element itself?
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)
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您可以使用 replaceWith() 方法，以及要创建的新元素的配置对象：
You may use the replaceWith() method, along with the config object for the new element to create: