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

Posted 2021-04-12

是否可以使用“ 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 element = document.getElementById('content');
        if(element.clientHeight < 20) {
          console.log("Client height is less than 20, and height is: ", element.clientHeight);
        } else {
          console.log("Client height is greater than 20", element.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>

以上是关于是否可以使用“ if”语句来查看divs高度是大于还是小于javascript中px的特定数量？的主要内容，如果未能解决你的问题，请参考以下文章

shell脚本if语句for循环语句

当 useRef 元素的高度大于零时的事件

Java if else语句

如何在 switch 语句中使用大于或等于

在简单的 bash 脚本中使用 find 命令和 if 语句

if 语句的小习题