[JavaScript] Zmienne problem

[Lucyferd2lod]

Witam mam problem z zdeklarowaniem zmiennej.

Kod html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Language" content="pl" />
<link href="style.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="gal.js">
</script>
</head>
<body>
<div id="MenuBox">
<div onClick="DodajObraz();">Dodaj obraz</div><div>Usuń Obraz</div><div>Zmień obraz</div>
</div>
<div id="ContentBox">

</div>
</body>
</html>

Kod javascript

var ContentBox = document.getElementById('ContentBox');
function DodajObraz() {

alert(ContentBox);
}

dlaczego zwraca mi wartosc null, w alercie?

[atom]

Nie pokazałeś całego kodu, tzn. w którym miejscu na stronie wstawiłeś swój kod JS. Wartość null jest pewnie dlatego że w momencie gdy zadeklarowana była zmienna ContentBox, elementu o id ContentBox nie było jeszcze na stronie. Przenieś deklarację zmiennej ContentBox i przypisanie jej wartości do funkcji, np. tak:

Kod: Zaznacz cały

function DodajObraz() {
    var ContentBox = document.getElementById('ContentBox');
    alert(ContentBox);
}