JS怎么获取div（高度和宽度都已设置百分比，继承父级）的height并应用于该div的line-height；

给div设置一个id或者class：

html部分：

<div id="mydiv"></div>

js部分：

<script>

//获取mydiv

var mydiv=documentgetElementById("mydiv");

//获取#mydiv的高度

var divheight=mydivstyleheight;

//设置mydiv行高

mydivstylelineHeight=divheight;

</script>

<div style="display: flex; flex-direction: column; height:100%">

<div style="flex:1 1 auto; background-color: #fa8">1</div>

<div style="flex:2 2 auto; background-color: #af8">2</div>

<div style="flex:3 3 auto; background-color: #888">3</div>

</div>

三个子div的高度比例为 1:2:3

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';}

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上下的总高度。

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