Bernhard Kamp: Mozilla 1.2 / Javascript & DOM

Beitrag lesen

Hallo,

Ich habe ein Problem in Verbindung mit dem neuen Mozilla 1.2
Im folgenden drei Scripte.

Im Beispiel 1 befindet sich die id "hardcoded" im body.

Im Beispiel 2 befindet sich die id "dynamisch geschrieben" im script-Bereich des head.

Im Beispiel 3 befindet sich die id "dynamisch geschrieben" im script-Bereich des body.
---------------------------------------------------------------
Beispiel 1. Funktioniert mit Mozilla unterhalb 1.2 und 1.2
---------------------------------------------------------------
<html>
<head>
<title>Test</title>
<script language="JavaScript" type="text/javascript">
function showit()
{document.getElementById("nav_1").style.visibility="visible";}
</script>
<body onload="showit();">
<div id="nav_1" style="position:absolute;visibility:hidden"><p>test</p></div>
</body>
</html>

---------------------------------------------------------------
Beispiel 2. Funktioniert nicht mit Mozilla 1.2, aber Mozilla unterhalb 1.2

Fehlermeldung bei 1.2 lautet
Error: document.getElementById("nav_1") has no properties
---------------------------------------------------------------
<html>
<head>
<title>Test</title>
<script language="JavaScript" type="text/javascript">
document.write('<div id="nav_1" style="position:absolute;visibility:hidden"><p>test</p></div>');
function showit()
{document.getElementById("nav_1").style.visibility="visible";}
</script>
<body onload="showit();">
</body>
</html>

---------------------------------------------------------------
Beispiel 3. Funktioniert wieder mit Mozilla unterhalb 1.2 und 1.2
---------------------------------------------------------------
<html>
<head>
<title>Test</title>
<script language="JavaScript" type="text/javascript">
function showit()
{
document.getElementById("nav_1").style.visibility="visible";
}
</script>
<body onload="showit();">
<script language="JavaScript" type="text/javascript">
document.write('<div id="nav_1" style="position:absolute;visibility:hidden"><p>test</p></div>');
</script>
</body>
</html>
---------------------------------------------------------------

Offensichtlich wird im Beispiel 2 die id nicht im Objektbaum "eingehängt". Hat jemand eine andere Erklärung ?

Gruß Bernhard