var img = document.getElementById('imgId');
imgHeight = img.height; // img元素本来就有height属性

你可以遍历一下元素属性：

var img = document.getElementById('imgId');
for(var x in img){
    console.log(x+":"+img[x]);
}

在chrome里输出：

width:24 // 图片实际渲染的宽
height:24
naturalWidth:64 // 图片原来的宽
naturalHeight:64

var img = document.getElementById('imgId');
imgHeight = img.offsetHeight;

因为不在onload执行的话，s这段script会在image下载到浏览器之前执行，此时img元素还只是一个空节点。因此要等到图片被渲染出来之后计算尺寸

是因为没加onload的话，有时候图片还没加载完成，自然js就无法获取到它的高度。

也不知道你的为啥不行，不行就贴代码。

<img id="img" src="http://ubmcmm.baidustatic.com/media/v1/0f0005yYIsGLBGDGfPud10.png">
<script type="text/javascript">
window.onload=function(){
    var img = document.getElementById('img');
    console.log(img.height);
    console.log(img.offsetHeight);
}
</script>    

图片设置高度的话会取到设置的，没设置的话是原始高度300px

我猜你是js写在图片前边了吧？

------补充你评论的问题----

<img id="img2" src="/usr/local/var/www/test/mac-noise-reduction.png">
<script type="text/javascript">
window.onload=function(){
    var img = document.getElementById('img2');
    console.log(img.height);
    console.log(img.offsetHeight);
}
</script>    

这样，也是可以正常获取到高度的，图片信息见下图：

---补充--
回复评论失败，好像是bug。
之前疏忽没加onload，不加的话表示页面加载到js就执行js，但此时页面的一些外部元素比如图片，CSS可能没加载完成，所以当然是取不到值的。