Question

vue.js怎么获取div的高度？

Answer 1

function AdjustColumnsHeight() {    var mainCol = window.document.getElementById('MainColumn');    var leftCol = window.document.getElementById('MainLeft');    var rightCol = window.document.getElementById('MainRight');     var hMainCol =  mainCol .offsetHeight;    var hLeftCol = leftCol.offsetHeight;    var hRightCol = rightCol.offsetHeight;     var maxHeight = Math.max( hMainCol , Math.max(hLeftCol, hRightCol));    mainCol.style.height = maxHeight + 'px';    leftCol.style.height = maxHeight + 'px';    rightCol.style.height = maxHeight + 'px';}

jQuery获取一个div的高度步骤：

第一步, 获取你要得到高度的那个div的jQuery对象, 获得方法有很多很多种, 具体你可以看一下jQuery API文档里的选择器部分, 在这里我只跟你说一个最直接的方法, 通过id获得: $("#div_id")

第二步, 要看你要得到的是什么高度了, jQuery里现有的三个(其实是两个)获得高度的方法是:
1. $("#div_id").height(); // 获得的是该div本身的高度, (不包含padding,margin,border)
2. $("#div_id").outerHeight(); // 包含该div本身的高度, padding上下的高度, 以及border上下的高度(不包含margin的高度)
3. $("#div_id").outerHeight(true); // 包含该div本身的高度, 以及padding,border,margin上下的总高度。