fwap: Style Informationen sind zunächst leer

Beitrag lesen

SELF-Forum

Style Informationen sind zunächst leer

fwap
– Informationen zu den Bewertungsregeln

Moin,

ich tappe gerade im Dunkeln und weiss nicht, warum die Styleinformationen, wenn ich sie mit document.getElementById(x).style.y auslese, nicht mit den erwarteten Informationen gefüllt sind.
Da mir mein Kopf brummt vom Probieren und Suchen anbei mal ein Stück-Test-Code:

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
            "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<style type="text/css">  
#foo {  
 position: absolute;  
 left: 10px;  
 top: 10px;  
 display: block;  
}  
</style>  
<script language="javascript">  
<!--  
function init() {  
 foo = document.getElementById('foodiv');  
 alert(foo.style.left);  
 alert(foo.style.display);  
 foo.style.display = 'block';  
 foo.style.left = '100px';  
 alert(foo.style.left);  
 alert(foo.style.display);  
}  
-->  
</script>  
</head>  
<body onLoad="alert(init); init();">  
<div id="foodiv">bar</div>  
</body>  
</html>

Wenn ich diesen ausführe ist bei den ersten beiden Feldern der Wert = "", obwohl ich doch eigentlich die Angaben im CSS-Bereich gemacht habe. Man kann es ja auch visuell nachverfolgen.
Wo ist mein Denkfehler? Ich hoffe, es kann mir jemand auf die Sprünge helfen, danke.

MfG,
 fwap

Beitrag melden
–
Informationen zu den Bewertungsregeln