是否可以使用“ if”条件,并查看divs高度大于还是小于javascript中px的特定数量?

问题描述 投票:0回答:2

是否可以使用“ if”函数来查看divs高度是大于还是小于javascript中px的特定数量?

例如,您可以做这样的事情吗?:

if (document.getElementById('mydiv').style.height < 50px) {}

我尝试使用50px,50,“ 50px”,“ 50 px”。...

javascript html
2个回答
1
投票

您可以使用clientHeightoffsetHeight来获取元素的高度,然后在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>

0
投票

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>

清楚地阐明您的问题。以获得准确的结果。我想你想要

© www.soinside.com 2019 - 2024. All rights reserved.