How to insert a div before another div?

http://stackoverflow.com/questions/16895449/how-to-insert-a-div-before-another-div/16895719?noredirect=1#comment24381160_16895719

by cswing

HTML

<div id="contextToolBar" class="dijitToolbar xwtContextualToolbar" wairole="menubar" role="menubar" widgetid="contextToolBar">

<table class="xwtContextualToolbarRibbonContainer" cellspacing="0" cellpadding="0" border="0" dojoattachpoint="_contextualToolbarTable">

<tbody class="xwtContextualToolbarRibbonContainerTB">
<tr class="xwtContextualToolbarRibbonContainerTR">
<td> </td>

<td class="xwtContextualToolbarRibbonContainerTD" vertical-align="top" cellspacing="0" cellpadding="0"> </td>

<td vertical-align="top">
    <div class="xwtQuickFilter" dojoattachpoint="quickFilterNode">FILTER</div>
</td>
</tr>
</tbody>
</table>
</div>

JavaScript

dojo.addOnLoad(function() {
   
    var node;
    dojo.query('.xwtQuickFilter').forEach(function(n) {
        node = n;
    });
    
    if(!node)
        throw 'unable to determine node';
    
    var newDiv = dojo.create('div', {}, node, 'before');
    newDiv.innerHTML = 'NEW NODE';
    
});