本文演示了js获取未知div高度的方式:

元素的高度可以通过自己获得的元素属性,如:


VaR高度= element.clientheight;




这种方法的局限性是:

1。如果元素的显示属性设置为否,则结果为0。

2。在Safari浏览器,你需要使用:element.offsetheight获取实际的高度,这是Safari浏览器的bug

下面是原型提供的方法,它可以兼容各种浏览器,也可以在元素隐藏时正确获取元素大小以供参考。


getdimensions:功能(元){
元素= $(元素);
VaR(元)=美元。GetStyle(显示器);
如果(显示)!= 'none'display!= NULL)
返回:element.offsetwidth {宽度,高度:元。offsetheight };
*宽度和*高度属性所有元素上显示0,
临时启用该元素
VaR ELS = element.style;
无功originalvisibility = els.visibility;
var = els.position原位;
无功originaldisplay = els.display;
els.visibility =隐藏;
els.position =绝对的;
els.display =阻止;
无功originalwidth = element.clientwidth;
无功originalheight = element.clientheight;
els.display = originaldisplay;
els.position =原位;
els.visibility = originalvisibility;
返回:originalwidth {宽度,高度:originalheight };
}




更多有关Javascript相关内容的读者可以看到特别站:Javascript切换效果和技巧摘要

希望本文能对javascript程序设计有所帮助。