object.style.height不起作用

Question

我用谷歌搜索了这个，但没有找到答案，这很奇怪。在Firefox中的Javascript中，当我执行object.style.height时，它不会返回任何内容。有谁知道为什么？

在CSS中我放了

#movable {
height: 100px;
....

在HTML中我放了

<div id="movable">&nbsp;</div>

在JS中：

alert(movable.style.height);

Answer 1

您正在尝试获取元素的CSS高度。如果元素的样式中没有定义，那就是你得到的。

如果您想要身高，请使用object.offsetHeight

Answer 2

element.style只是将元素的style属性转换为可编写脚本的对象。如果您没有在元素上设置任何内联样式，则不会得到任何回复。

如果您想查询元素的维度，可以采用多种方式，例如object.getBoundingClientRect()。