document.getElementById help nodig s.v.p.

[wietsegaming]

Hallo iedereen,

Ik voeg mij af waarom mijn code niet werkt. Ik gebruik javascript om te kijken welke browser de gebruiker heeft en aan de hand daarvan laat ik een div zien of niet.
Maar om de een of andere reden werkt het niet. Ik vroeg me af wat ik verkeerd doe..

Hier is mijn code:

<script type="text/javascript">
var browser = navigator.appVersion;

if (browser.indexOf( "MSIE 6" ) > -1) {
document.getElementById("THIS").style.display = 'block';
} else if (browser.indexOf( "MSIE 7" ) > -1) {
document.getElementById("THIS").style.display = 'block';
} else {
document.write("test");
document.getElementById("THIS").style.display = 'none';
}
</script>
<div id="THIS" style="display:block;">Here</div>

De document.write("test"); werkt wel want ik zie test op mijn scherm komen dus ik denk niet dat het aan de browser check functie ligt.

Alvast heel erg bedankt!
Wietse

 

[Supersnail]

Het probleem is dat de div met als id "THIS" pas geladen wordt nadat de Javascript-code wordt geladen en uitgevoerd. Op het moment dat getElementById wordt aangeroepen is het element met dat id nog niet geladen. De makkelijkste manier om dit op te lossen is door de Javascript-code onder de div te zetten.

[edit]Overigens zou je in dit geval ook gebruik kunnen maken van conditional comments i.p.v. Javascript.[/edit]