Melzmann: Stylesheetinformation per JS ändern -> Probleme mit IE

Beitrag lesen

SELF-Forum

Stylesheetinformation per JS ändern -> Probleme mit IE

Melzmann
– Informationen zu den Bewertungsregeln

Hallo Community,
Habe ein kleines Script geschrieben um eine Stylesheetinformation per Java Script zu ändern...
Hier erstmal der code:

  
<html xmlns="http://www.w3.org/1999/xhtml">  
  
<head>  
<link rel="stylesheet" type="text/css" href="expand_box.css" />  


  
<script type="text/javascript">  
  
function setexpand () {  
     document.getElementsByName("expand");  
    if(document.getElementsByName("expand")[0].style.display == "none")  
 {  
    document.getElementsByName("expand")[0].style.display = "block";  
 }  
 else  
 { document.getElementsByName("expand")[0].style.display = "none";  
 }  
  
  
  
}  
</script>  


  
  <title>Hello!</title>  
  
</head>  
  
<body>  
 <div class="box" name="box"><a href="javascript:setexpand()">test</a></div>  
 <div class="expand_box" style="display: none " name="expand">&nbsp;</div><br />  
 test  
  
</body>  
  
</html>

Nun das Script funktioniert unter Firefox wunderbar. Nur leider macht der IE mal wieder zicken.
Ich erhalte folgende Fehlermeldung:
document.getElementsByName().0.style ist NULL oder kein Objekt.
Nun wie kann ich dieses Problem beheben, so das es auch der liebe gute IE versteht? Es liegt ja offenbar daran das er den Zustand nicht auslesen kann.

mfg
Melzmann

Beitrag melden
–
Informationen zu den Bewertungsregeln