使用javascript查找css自动高度值

Question

如何使用JavaScript查找css中自动高度生成的值是多少？ 我正在使用Grails和jQuery。

示例css：

.tool-preview {
    height: auto;
}

Answer 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/

Answer 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/