¿Por qué js obtiene el valor de clientHeight como 0?

lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transicional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "gt;

lt;html xmlns="http://www.w3.org/1999/xhtml"gt;

lt;headgt;

lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /gt;

lt;titlegt;js_ufolt;/titlegt;

lt ;tipo de estilo="text/css"gt;

#ufo{ ancho: 100px; alto: 100px; fondo: #ccc; borde: 1px sólido #000; : centro; posición: absoluta; }

lt;/stylegt;

lt;/headgt;

lt;bodygt;

lt;script type="text/javascript"gt;

window.onload=function(){

var box=document.getElementById("ovni");

var le=0;

var ls=2;

var te=0;

var ts=2; >setInterval(function(){

le =ls;

te =ts;

if(legt; =document.documentElement.clientWidth-box.offsetWidth || elt;=0){

ls=-1*ls

}

if(tegt;=document.documentElement.clientHeight-box.offsetHeight || telt;=0){

ts=-1*ts

}

box.style.left=le "px";

box.style.top=te "px";

},50)

}

lt;/scriptgt;

lt;div id="ufo"gt;Soy una nave espaciallt;/divgt;

lt;/bodygt;

lt;/htmlgt;

Cámbielo a esto, use document.documentElement.clientHeight para obtener la altura del área de visualización del navegador