使用javascript查找css自动高度值[重复]

Posted 2023-03-06

【中文标题】使用javascript查找css自动高度值[重复]

【英文标题】：Use javascript to find css auto height value [duplicate]

【发布时间】：2016-10-06 18:50:22

【问题描述】：

如何使用 javascript 找出在 css 中为自动高度生成的值是什么？ 我正在使用 Grails 和 jQuery。

示例 css：

.tool-preview 
    height: auto;

【参考方案1】：

根据您想要获取高度的 .tool-preview 的哪个部分，您可以使用适当的 jQuery 方法来获取它。

示例： innerHeight()[http://api.jquery.com/innerheight/]

获取匹配元素集中第一个元素的当前计算内部高度（包括填充但不包括边框）或设置每个匹配元素的内部高度。

其他方法及其作用...

http://www.texelate.co.uk/blog/post/91-jquery-whats-the-difference-between-height-innerheight-and-outerheight/

【参考方案2】：

获取父母的身高。

var toolPreview = document.getElementsByClassName('tool-preview')[0];
var height = toolPreview.parentNode.offsetHeight;

此解决方案也适用于级联“自动”

<div class="has-height">
  <div class="auto">
    <div class="auto">
      <div id="whats-my-height" class="auto">
      </div>
    </div>
  </div>
</div>

这是一个小提琴：https://jsfiddle.net/warkentien2/sodu6hut/3/