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

Set/Get style height in javascript

本文关键字：获取 样式 高度 设置 javascript      更新时间：2023-09-26

我尝试

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

不打印任何内容，只是控制台中的一行空行。

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

打印高度。

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

没有效果。我使用的是最新的chrome浏览器。我想能够阅读和设置高度，但设置不起作用。我想用香草js。有什么想法吗？

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

JS：

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

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

这只是一个猜测，但根据content是什么元素，您可能还需要添加display:block;，以便给它一个高度。

尝试使用

document.getElementById（'content'）.offsetHeight

document.getElementById（'content'）.offsetWidth

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

相关文章：