document.getElementById("div"); NULL

[gdscei]

Ik heb een paar javascript codes om een dingetje te verbergen, en dan een andere te weergeven.

:

in the HEAD:
[JS]document.getElementById('div2').style.visibility = "none";
function changel(){
document.getElementById('div1').style.visibility = "none";
document.getElementById('div2').style.visibility = "block";
}[/JS]
in de body:

<div id="div1" onmouseup="changel();"><a href="#">&nbsp;Text&nbsp;</a></div><div id="div2"><a href="http://www.google.com">&nbsp;Text2&nbsp;</a></div>

Waarom, als ik het uitvoer, zegt een Error Console 'document.getElementById('div2') is NULL' dan??

Dank :thumb:

 

[Supersnail]

Dat komt omdat de eerste regel van je Javascript
[js]document.getElementById('div2').style.visibility = "none";[/js] wordt uitgevoerd op het moment dat het gelezen wordt. Dat is dus voordat die div is geladen, hierdoor is er op dat moment nog geen element met dat id.

 

[gdscei]

Dat komt omdat de eerste regel van je Javascript
[js]document.getElementById('div2').style.visibility = "none";[/js] wordt uitgevoerd op het moment dat het gelezen wordt. Dat is dus voordat die div is geladen, hierdoor is er op dat moment nog geen element met dat id.

O ok op die manier. Dank! dan zal ik wel even een maniertje verzinnen.

 

[gdscei]

Dat komt omdat de eerste regel van je Javascript
[js]document.getElementById('div2').style.visibility = "none";[/js] wordt uitgevoerd op het moment dat het gelezen wordt. Dat is dus voordat die div is geladen, hierdoor is er op dat moment nog geen element met dat id.

Ik heb nu dit gedaan:

<div id="div2"><a href="http://google.com">&nbsp;Text2&nbsp;</a></div><script type="text/javascript">document.getElementById("div2").style.visibility = "none";</script>

Ik krijg dan geen error meer maar hij doet het ook niet.

Error Console: Warning: Error in parsing value for 'visibility'. Declaration dropped.

Laat maar, ik heb het werkend gekregen door visibility in display te veranderen.

dank :thumb:

 

[That Guy]

visibility kan maar 2 waardes hebben, 'visible' en 'hidden' - 'none' is voor display

 

[gdscei]

visibility kan maar 2 waardes hebben, 'visible' en 'hidden' - 'none' is voor display

weet ik, dank :thumb: