html - setting content between div tags using javascript

Question

I'm trying to set some content in between some div tags on a JSP page using javascript.

currently the div tag on the JSP page looks like this:

<div id="successAndErrorMessages"></div>

I want to fill the content in those div tags using some javascript method so that it will look like so:

<div id="successAndErrorMessages"><div class="portlet-msg-error">This is an error message</div></div>

I know you can go like this:

document.getElementById("successAndErrorMessages").value="someContent";

But that just changes the value of the 'value' attribute. It doesn't fill in content between those div tags. Anyone out there that can point me in the right direction?

Answer 1

Try the following:

document.getElementById("successAndErrorMessages").innerHTML="someContent"; 

msdn link for detail : innerHTML Property