javascript - clientHeight 返回零

Question

我正在使用 JavaScript 动态创建 DOM 元素。我需要获得一个 div 的高度来做下滑动画。但是当我使用 clientHeight 时，它总是返回 0。offsetHeight 也做同样的事情。当我尝试 console.log() 时，我得到了 div。所以这不是因为元素没有加载到 DOM 中。最初我设置样式 display:none 为 div 隐藏它。这是问题的原因吗？请有人帮助我。

document.getElementsByClassName('myDiv')[0].parentNode.children[1].clientHeight;

我尝试了下面的代码来避免 display:none 的问题。 clientHeight 仍然返回 0。

if(obj.style.display == "none"){ // if it's allready hidden we slide it down
   obj.style.visibility = "hidden";
   obj.style.display = "block";
   height = obj.offsetHeight;
   obj.style.visibility = "visible";
   slideDown(obj,0,height,Math.ceil(height/timeToSlide));
} 

Answer 1

带有 display:none 样式的元素将为其尺寸注册 0。尝试应用这个:

div.myClass { position:absolute; left:-999em; }

同样的效果，但是你的 div 仍然有它的尺寸。