检查父div是否有高度

时间:2017-08-29 11:41:07

标签: javascript html css angularjs

我有一个使用纳米卷轴的指令,应该有一些固定的高度。 结构是这样的:

<div id="parent_div">
  <my-custom-directive>
        <div>...</div>
        <div id="div_required_to_have_fixed_height">...</div>
  </my-custom-directive>
</div>

我想在div上使用id- div_required_to_have_fixed_height 获得一些修复高度。样式高度参数可以在第一个div处提供,ID为< - strong> parent_div 。 所以在div div_required_to_have_fixed_height 时,我想检查父级别是否存在高度,然后使用 height:500px

无论如何使用angular / css实现这一点。

2 个答案:

答案 0 :(得分:0)

您可能会发现offsetHeight非常有用:

var element = document.getElementbyId("div_required_to_have_fixed_height");
var height = element.offsetHeight;

答案 1 :(得分:0)

要完成您要找的内容,我建议您尝试使用see API css属性。

在您的情况下min-height:500px;

此时,您可以在min-height上添加一个事件监听器,以确定高度是否需要调整。

类似的东西:

document.addEventListener("DOMContentLoaded", function(event) {
   console.log("DOM fully loaded and parsed");
   //here you can invoke a function to check the parent div
});