如何用js获取div的高度

function AdjustColumnsHeight() {

    var mainCol = windowdocumentgetElementById('MainColumn');

    var leftCol = windowdocumentgetElementById('MainLeft');

    var rightCol = windowdocumentgetElementById('MainRight');

    var hMainCol =  mainCol offsetHeight;

    var hLeftCol = leftColoffsetHeight;

    var hRightCol = rightColoffsetHeight;

    var maxHeight = Mathmax( hMainCol , Mathmax(hLeftCol, hRightCol));

    mainColstyleheight = maxHeight + 'px';

    leftColstyleheight = maxHeight + 'px';

    rightColstyleheight = maxHeight + 'px';

}

上面的代码是取得3个div的高度，并判断高度最高的div高度值，让其余两个比较矮的div高度等于最高这个，自己琢磨下，很简单。

代码大致如下供参考：

var image=new Image();

imagesrc=//你的背景的src;

var divelement = documentgetElementById(你的div的id);

divelementstyleheight=(imageheightdivelementoffsetWidth)/imagewidth + "px";

几个需要注意的地方是imagesrc=xxx后需要等待直到下载完成。但是如果这个脚本是在你的div已经初始化好之后调用的话，那么已经被下载过了，所以直接进行后面的就好。另外以styleheight来设置高度的话后面需要加单位，比如px

给你贴两个JS函数，专门用来获取网页滚动高度和滚动宽度的：//获取网页纵向滚动高度function

getScrollTop(){

var

D

=

document;

return

Mathmax(DbodyscrollTop,

DdocumentElementscrollTop)}//获取网页横向滚动宽度function

getScrollLeft(){

var

D

=

document;

return

Mathmax(DbodyscrollLeft,

DdocumentElementscrollLeft)}应该可以解决你的问题。

查看原帖>>

以上就是关于如何用js获取div的高度全部的内容，包括:如何用js获取div的高度、js获取背景图片宽高比后根据浏览器宽度动态赋值div.style.height、js如何获取滚动条的高度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！