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

在javascript中设置/获取样式高度,javascript,Javascript,我试着 不打印任何内容,只是控制台中的空行 console.log(document.getElementById('content').style.height); 打印高度 console.log(document.getElementById('content').clientHeight); 没有效果。我使用的是最新的chrome浏览器。我希望能够阅读和设置高度,但设置不起作用。我想用香草js。有什么想法吗?这只是一个猜测,但根据内容是什么元素,您可能还需要添加显示:块允许给它一个高

我试着

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

console.log(document.getElementById('content').style.height);
打印高度

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

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

这只是一个猜测,但根据
内容是什么元素,您可能还需要添加
显示:块允许给它一个高度。

演示:

JS:

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

document.getElementById('content')。offsetHeight

document.getElementById('content').offsetWidth


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

请提供相关的html,以便有人能帮助您。@AkhilSekharan它是一个id=content的div元素
document.getElementById('content').style.height = '50px';
function ChangeHeight(){
        var e1 = document.getElementById("content");
        e1.style.height = "400px";
    }
setTimeout(ChangeHeight, 2000);