<div> tags

[gaya3]

Hi All,
In my dojo grid application, want to create <div> tag inside another <div> tag by using document.createElement('DIV');
I done as follows

 var outerNode = document.createElement('DIv');
 outerNode .setAttribute('dojoType','dijit.Menu')
 document.body.appendChild(outerNode );
 var innerNode1 = document.createElement('DIv');
 innerNode1 .setAttribute('dojoType','dijit.MenuItem);
innerNode1 .innerHTML='cut';
 document.body.appendChild(innerNode1 );
 
 var innerNode2 = document.createElement('DIv');
 innerNode2 .setAttribute('dojoType','dijit.MenuItem);
innerNode2 .innerHTML='copy';
document.body.appendChild(innerNode2);
 
 var innerNode3 = document.createElement('DIv');
 innerNode3 .setAttribute('dojoType','dijit.MenuItem);
innerNode3 .innerHTML=paste;
document.body.appendChild(innerNode3);
 

when i tried to print document.body.innerHTML i got

<div dojoType="dijit.Menu"></div>
      <div dojoType="dijit.MenuItem">cut</div>
      <div dojoType="dijit.MenuItem">copy</div>
      <div dojoType="dijit.MenuItem">paste</div>
 

Hence the functionality is not working for me..
Expected is

<div dojoType="dijit.Menu">
      <div dojoType="dijit.MenuItem">cut</div>
      <div dojoType="dijit.MenuItem">copy</div>
      <div dojoType="dijit.MenuItem">paste</div>
</div>

How do i do?
Please correct me.. if i'm wrong

[gits]

you have to append the inner nodes to the outer node like this:

outerNode.appendChild(innerNode3);

kind regards