Question

javascript动态获得div的高度并输出的问题，谢谢！

代码：

问题：
为什么无论是body的onload的时候还是单机button的时候，调用到fun()方法，但是弹出了alert对话框中却什么都没有。onload调用的时候可能因为div没有渲染到，然后得不到div的height导致输出什么都没有。但是单击按钮的时候怎么也不行（弹出对话框但是什么都不输出）呢？
我试了试，在javascript中document.getElementById("div1").style.height=“50px”设置一下才能够取得出来。
为什么呢，谢谢！

Answer 1

对，如果用原生的js：

document.getElementById("div1").style.height

获取高度的话只能获取内嵌（行内）样式，也就是写在元素上面的样式，意思你用：

document.getElementById("div1").style.height=“50px”;
或者在元素上：
<div style="height:50px"></div>

设置了之后就可以用了，但是没有设置之前取不到！

但是用jquery是可以取到的：

$("#div1").css("height");
或者：
$("#div1").height();

希望对你有帮助，望采纳！

追答

谢谢

有问题继续交流

Answer 2

alert(document.getElementById("div1").currentStyle.height);

以上适用于IE浏览器，如果是标准浏览器，要这样：

oDiv=document.getElementById("div1");
alert(document.defaultView.getComputedStyle(oDiv,null).height);

注意，以上两种方式均是只读的，要写入的话仍然用：....style.height="...."

原因在于CSS有内嵌、内联、外联等方式，Javascript对它们的处理方式不同的。你的方法只适用于内嵌样式表，即 <div style="height:50px"></div>

Answer 3

这个好像 样式还没加载到DOM中吧