Question

js获取div的style里的height问题

代码如下图所示，我写的div为什么获取不到style里的height属性？





Answer 1

//获取id="div"的高度
document.getElementById("div").style.height

//设置id="div"的高度
document.getElementById("div").style.height="200px";

Answer 2

　　js获取div中style的height可以用如下代码：

　

　var ht=document.getElementById('div1').style.height;

　　这个只能获取写在style属性上的height值。

　　如果想要获取写在css里面的值就需要用到兼容的方式，代码如下：

　

　var ht=document.getElementById('div1');
　　var htval=0;
　　if(window.getComputedStyle){
　　htval=window.getComputedStyle(ht,null).getPropertyValue('height');
　　}else{
　　htval=ht.currentStyle['height'];
　　if(htval=='auto'){
　　    htval=ht.offsetWidth;
　　}
　　}

在兼容过程中window.getComputedStyle是FF，chrome等提供的方法，currentStyle是IE提供的方法，但是IE下面对于一些没有定义高度的div会返回auto所以判断auto是为了能得到具体的height数值。

Answer 3

楼主你这用的是外部样式，非行内样式所以不能这样
function getCss(obj, type) {
if (obj.currentStyle) {

retrun obj.currentStyle[type]
}
else{

return getComputedStyle(obj, flase)[type];

}
}
alert(getCss(el, 'height'));