javascript - Replacing DIV content based on variable sent from another HTML file -

i'm trying javascript working:

i have html email links page contains variable in link (index.html?content=email1). javascript should replace div content depending on variable 'content' is.

<!-- original div --> <div id="email">  </div>   <!-- div replacement function -->  <script type="text/javascript"> function replacecontentincontainer(id,content) { var container = document.getelementbyid(id); container.innerhtml = content; } </script>  <!-- email 1 content --> <script ="text/javascript"> var content = '<div class="test">email 1 content</div>';  replacecontentincontainer('email1',content); } </script>  <!-- email 2 content --> <script ="text/javascript"> var content = '<div class="test">email 2 content</div>';  replacecontentincontainer('email2',content); } </script> 

any ideas i've done wrong causing not work?

rather inserting element text innerhtml create dom element, , append manually so:

var obj = document.createelement("div"); obj.innertext = "email 2 content"; obj.classname = "test"  document.getelementbyid("email").appendchild(obj); 

see working here: http://jsfiddle.net/be8xa/1/

edit

interesting reading decide if want use innerhtml or appendchild:

"innerhtml += ..." vs "appendchild(txtnode)"