javascript - 在javascript中设置/获取样式高度

Question

我试试

console.log(document.getElementById('content').style.height);

什么都不打印，只是控制台中的一个空行。

console.log(document.getElementById('content').clientHeight);

打印高度。

document.getElementById('content').style.height = '50px';

没有效果。我在最新的 chrome 浏览器中。我希望能够读取和设置高度，但是设置不起作用。我想使用香草js。有任何想法吗？

Answer 1

演示：http: //jsfiddle.net/YTmNz/

JS：

function ChangeHeight(){
        var e1 = document.getElementById("content");
        e1.style.height = "400px";
    }
setTimeout(ChangeHeight, 2000);

.style.height不幸的是，除非您之前已经设置了该属性 ，否则您无法检索高度。
您可以使用 jQuery 来检索.height()

Answer 2

这只是一个猜测，但取决于content您可能还需要添加什么元素display:block;以允许它被赋予高度。

Answer 3

尝试使用

document.getElementById('content').offsetHeight

document.getElementById('content').offsetWidth

它将给出元素的高度/宽度；