I have the following code as part of a border layout in my main.aspx file :



<Center>


<ext:Panel ID="Panel7" runat="server">


<Content>


<div class="content">


<h1>Welcme</h1>


<p>Please use the navigation on the left to browse the site</p>


<p>If you need any help please contact us</p> 






</Content>


</ext:Panel>


</Center>

I want to change/update the content the content div from my custom Javascript.

 



    <div class="content">
I am doing :

    var a = Ext.getCmp('Panel7').body.dom;
    a.innerHTML = '<div class="content"> + somecontent + '
';
    Ext.getCmp('Panel1').doLayout();
I want to avoid having to put the wrapper div everytime. Is there a way I can just change what is inside the div. I used the 
.firstChild.getElementsByCLassName('content')[0]
But it doesn't work in IE 7. Please help. Thanks