檢查父母div是否有高度

我有一個使用納米滾動條的指令，它應該有一些固定的高度。的結構是這樣的：檢查父母div是否有高度

<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處提供，編號爲 - parent_div。因此，在格div_required_to_have_fixed_height，我要檢查，如果出現在母公司層面的高度，然後使用以其他方式使用高度：500像素

反正有沒有做到這一點使用角/ CSS。

來源

2017-08-29 Anita

你可以選擇使用jQuery'$（ '＃div_required_to_have_fixed_height'）最接近（ '＃parent_div'）的CSS（'高度固定高度的div的父母heigth。 '）' –

不能使用這個，因爲在我的自定義指令有沒有父母div id的信息 – Anita

您可能會發現的offsetHeight有用：

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

來源

2017-08-29 11:45:21 udbhavs

我不知道爲什麼，但這是給錯誤 - element.offsetHeight（）不是一個函數 – Anita

我的壞，它是一個屬性，而不是一個功能。應該檢查。使用offsetHeight。 – udbhavs

來完成你在找什麼，我會建議您嘗試了min-height CSS屬性。

在你的情況min-height:500px;

在這一點，你可以在DOMContentLoaded添加事件偵聽器，以確定是否需要高度的調節。

喜歡的東西：

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

來源

2017-08-29 11:49:59

檢查父母div是否有高度

回答

相關問題