如何用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高度等于最高这个，自己琢磨下，很简单。

给div设置一个id或者class：

html部分：

js部分：

//获取mydiv

var mydiv=documentgetElementById("mydiv");

//获取#mydiv的高度

var divheight=mydivstyleheight;

//设置mydiv行高

mydivstylelineHeight=divheight;

</script>

jquery要获取某个元素的属性、样式等等，要先获取这个元素：通过xpath很容易获取，比如用div的id获取——$('#dv')

获取这个元素之后就很容易了，通过height等方法可以获取元素的具体内容等：如高度

$('#dv')height();

宽度：$('#')width();

可以使用offset()方法来获取元素距离浏览器的边距，offset() 方法返回或设置匹配元素相对于文档的偏移（位置）。

工具原料：编辑器、浏览器

1、首先设置一个div然后使用offset()方法来获取其距离浏览器顶部的高度，简单的代码示例如下：

alert($('div')offset()top);

</script>

</body>

2、因为div距离顶部的距离是100像素，所以d出的应该是100，如下图：

可以使用offset()方法来获取元素距离浏览器的边距，offset() 方法返回或设置匹配元素相对于文档的偏移（位置）。

工具原料：编辑器、浏览器

1、首先设置一个div然后使用offset()方法来获取其距离浏览器顶部的高度，简单的代码示例如下：

2、因为div距离顶部的距离是100像素，所以d出的应该是100，如下图：

以上就是关于如何用js获取div的高度全部的内容，包括:如何用js获取div的高度、JS怎么获取div（高度和宽度都已设置百分比，继承父级）的height并应用于该div的line-height；、jquery怎么获得div内容高度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/9791869.html

如何用js获取div的高度

发表评论

评论列表（0条）