Insert HTML code to a DOM node

Submitted by dasaev on Thu, 10/02/2008 - 03:58.

Hello guys, i'm new here and have a question, do you know a way to add HTML parsed string to a DOM node like dojo.place adds a DOM node to another?, i have seen that there is a dojo.html object that makes this but i don't know if it's on an old version or it's new, the fact is that it's not on version 1.1.1. If it's old, what is the new instruction to do the same?, if it's new, is there another way to insert the HTML code moreover DTL way? i think DTL is to do more complex things. Regards

Login or register to post comments
Subscribe post

dojo.html.set was introduced

Submitted by dante on Thu, 10/02/2008 - 12:59.

dojo.html.set was introduced in 1.2 (which will be released verrry soon, but is available as a release candidate now). In most simple cases, you can simply modify the .innerHTML property of a domNode to add structure based on strings:

var node = dojo.byId("foobar");
node.innerHTML += "<span>I am appended content</span>";

So, it's new object

Submitted by dasaev on Thu, 10/02/2008 - 17:21.

Ok, if there is not another way to do this, I think I can download the nighty build and copy the object. Thanks for the answer dante but I have to tell that method is a bit buggy because if I have some file fields and do a node.innerHTML += 'Another content'; the value for the field fields is missing. The best thing is render the content on a dummy div and after that, use the dojo place to append it to another node, I have do that but I thought dojo had a function. Thanks again.

IIRC, dojo.NodeList has a setContent method.

Submitted by ttrenka on Thu, 10/02/2008 - 17:32.

...it means you have to do it through dojo.query but it might do what you need:

dojo.query("#foobar").setContent(myStuff);

I need to append

Submitted by dasaev on Thu, 10/02/2008 - 18:01.

I need to append html, not to replace. Thanks

right, then you'll want the

Submitted by dante on Thu, 10/02/2008 - 20:36.

right, then you'll want the dummy div thing, and then innerHTML

var n = dojo.byId("foo");
n.appendChild(dojo.doc.createElement('div')).innerHTML = "new, appended content, in a div";

hope this helps.

Yeah, that works

Submitted by dasaev on Fri, 10/03/2008 - 16:19.

Well, while dojo.html comes we have to use the dummy div, thanks

Search