Dlaczego getElementById zwraca null?

octonapewno

Użytkownik
Dołączył
Maj 22, 2008
Posty
110
Kod:
var i = 1;
function changePhotos(i){    
    w = ++i;
    
    var elem = document.getElementById("fotka");
    elem.innerHTML = "<img src=\"images/" + w + ".jpg\" />";
    
}

window.onload=changePhotos(i);

HTML:
<html>
<head>
<script type="text/javascript" src="changerPhoto.js"></script>
</head>
<body>
<div >
<div id="fotka"><img src="images/1.jpg" /></div>
</div>
<input type="button"/>
</body>
</html>

dlaczego konsola JS wyrzuca błąd elem is null?

znalazłem coś takiego w necie https://developer.mozilla.org/pl/DOM/document.getElementById, ale nie za bardzo wiem jak się do tego zastosować. Mógłby ktoś to mi wytłumaczyć lepiej?
 
Ostatnia edycja:
Do góry Bottom