Jag vill med hjälp av JavaScript ändra texten i en DIV när man för musen över en länk. Jag försöker med följande script:

function findObj(n, d) {
var p, i, x;
if(!d) d=document;
/*
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document;
n=n.substring(0,p);
}*/
if(!(x=d[n])&&d.all) x=d.all[n];
for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n);
return x;
}

function over(index) {
if(!infobox)
infobox = findObj("menuInfo");
if (infobox.innerText)
infobox.innerText = "infotext[index]"
}
function out() {
if (infobox.innerText)
infobox.innerText = infotext[0]
}

När jag kör scriptet i IE ändras mycket riktigt texten, men all CSS-formatering på den försvinner. Dessutom fungera inte innerText i FireFox.

Sedan undra jag om findObj (som ajg tagit från Dreamvever), behövs verkligen all koden för att det ska vara bakåtkompatibelt?

Borde inte det här räcka? Eller har jag missuppfattat ditt mål?

<code>
<script>
function chgCl() {
document.getElementById('minDiv').innerHTML='annan text';
}
</script>

<div id="minDiv">lite text</div>
<br><br>
länk
</code>