是否可以使用“ if”函数来查看divs高度是大于还是小于javascript中px的特定数量?
例如,您可以做这样的事情吗?:
if (document.getElementById('mydiv').style.height < 50px) {}
我尝试使用50px,50,“ 50px”,“ 50 px”。...
您可以使用clientHeight
或offsetHeight
来获取元素的高度,然后在if条件中使用它。
clientHeight
Element.clientHeight只读属性对于没有CSS或内联布局框的元素为零;否则,它是元素的内部高度(以像素为单位)。它包括填充,但不包括边框,边距和水平滚动条(如果存在)。
offsetHeight
HTMLElement.offsetHeight只读属性以整数形式返回元素的高度,包括垂直填充和边框。
示例:
(function() {
let eleme = document.getElementById('content');
if(eleme.clientHeight < 20) {
console.log("Client height is less the 20, and height is: ", eleme.clientHeight);
} else {
console.log("Client height is greater the 20", eleme.clientHeight);
}
})();
<div id="content" style="height: 19px;">Some div</div>
var divElement = document.querySelector(".app");
var elemHeight = divElement.offsetHeight;
var exampleHeight = 60;
if(elemHeight > 60){
console.log('enough');
}else{
console.log('not enough');
}
console.log(elemHeight);
<div class="app">
<p>this is simple text</p>
</div>
清楚地阐明您的问题。以获得准确的结果。我想你想要