Javascript question

How do you add some content in a specific place in Javascript at the user's bequest? I'm writing a sort of CSS designer with the idea that it shows the user what the style looks like by writing it to a file and then loading it (using PHP). The thing is I want it to actually be useful, so it needs to be able to have as many elements and properties as the user wants. I know that trick where you have an empty <div> and set its innerHTML member but that will leave me a set number, and I don't want to just stick billions and billions of <div> tags inside my code (its already messy enough).

tl; dr how do I dynamically instert code into a webpage at a set position but allowing an arbitrary number of insertions?

>>18

that's very strange. I would try checking the value of that getElemntById. If the right hand side is in fact a non empty sting, then you should see something at the bottom of the page after that executes.



javascript:div=document.createElement('div');div.innerHTML='<i>hai thar!</i>';document.body.appendChild(div);void(0);
please copy and paste the above into your browser url bar, to see the effect!