返回保存为javascript变量的html

Question

I am working with Dojo data grid row expansion. Example here.

I am trying to put another grid inside the part that expands. Here, I create the grid container and append the grid to it

gridDiv = document.createElement('div');
gridDiv.setAttribute('class','blah');
gridDiv.appendChild(grid2.domNode);

Later on, I am trying to print that div out on the page by returning gridDiv .

return gridDiv; //gives me "[object HTMLDivElement]" in the expanded section
return gridDiv.HTML; //gives me "..." in the expanded section
return String(gridDiv); //gives me "[object HTMLDivElement]" in the expanded section

How do I get it to actually put the div element with the grid inside on the page? I can not use the jQuery library, but I can use the Dojo library.

Thanks for any help you can give! I feel like I'm missing something very obvious...

/ BREAKTHROUGH / I used gridDiv.innerHTML as a variable and returned THAT in the code. However, now it is printing out the HTML in plain text... I've got to figure out why it is not parsing now.

Answer 1

Try using dojo.place

// Dojo < 1.7
dojo.place(node, refNode, pos);

http://dojotoolkit.org/reference-guide/1.7/dojo/place.html