JSFiddle - React, Tailwind, and code Playground

by Walter Rumsby

HTML

<span>before</span>
<div id="a">A</div>
<div id="b">B</div>
<span>after</span>

JavaScript

var content = '<div id="a">A+</div><div id="b">B+</div>',
    parent = Ext.getBody(),
    elA = Ext.get('a'),
    elB = elA.next(),
    previous = elA.prev(),
    dh;

// This is an Ext.DomHelper spec object
dh = {
    html: content
};

elA.remove();
elB.remove();

if (previous !== null) {
    Ext.DomHelper.insertHtml('afterEnd', previous.dom, content);
} else {
    Ext.DomHelper.insertHtml('afterBegin', document.body, content);
}