Question

I need to give the user a snippet of js code that will insert some HTML code into the page.

I’m wondering what the best method to do so is. Should I use document.write, should I just create all the HTML elements via DOM programmatically?

Is it possible to use a js library? I can see conflicts occurring if the webpage the code is embedded in already contains the library.

Answer 1

Using a library is probably too heavyweight, inserting DOM elements is very verbose and document.write may not work if the target site uses the application/xhtml+xml content type. I think your best bet is to construct one element using document.createElement and then setting innerHTML on that.