"this" und "firstChild"?

[bleibert]

Hallo zusammen!

Ich habe ein DIV, der mir ein farbiges Quadrat zaubert, und darin eine H1 mit weißem Text, der zunächst unsichtbar ist, und bei Mauskontakt sichtbar werden soll. Das ganze klappt "klassisch" mit ID ohne Probleme:

<div class="farbig"  
 onmouseover="document.getElementById('berta').style.visibility='visible'"  
 onmouseout="document.getElementById('berta').style.visibility='hidden'">  
<h1 id="berta">berta</h1>  
</div>

Jetzt möchte ich das aber gerne ohne ID lösen. Wie kann ich denn den H1 direkt ansprechen? Ich habe es mit THIS und firstChild versucht:

this.firstChild.style.visibility='visible'

Aber das funzt nicht. Warum? Und wie geht's?

Vielen Dank und viele Grüße,
Dennis.