Hallo Leute

ich habe gerade ein sehr merkwürdiges Problem. Und zwar folgendes:

Code:
<div class="riesig" id="foo">
<a href="#" onClick="make_smaller('foo');">kleiner</a>
</div>


Code:
function make_smaller(div_id){
var h;
h = document.getElementById().style.height;
alert("neue höhe von div id " + div_id +": " + h);
}
Seltsam: Die Höhe wird nicht ermittelt! Ich erhalte nur "neue höhe von div id foo: " als Feedback, wenn ich auf den Link klicke. foo wird also als string übergeben.

Und jetzt kommt's:
Ich code "foo" als id hart in die Funktion, und erhalte die Höhe als Feedback!! Wieso?!

Code:
function make_smaller(div_id){
var h;
h = document.getElementById("foo").style.height;
alert("neue höhe von div id " + div_id +": " + h);
}
Feedback: "neue höhe von div id foo: 345px";

versteht das einer??? Wo ist der Wurm?