如何找到Javascript元素的最长边

Question

我正在尝试调整元素的大小。这很简单。

我有一个div和一个孩子div。

<div id="parent"><div id="child"></div></div>

这些是使用JavaScript动态创建的。

我正在尝试为父级定义最长边，以便我可以调整子div中的图像。图像的高度或宽度可能最长。

这些div根据输出改变大小，图像可以是横向或纵向，这是用户上传。

有没有一种快速方法可以检查父div的最长边（高度，宽度），因为我不知道它们是不是静态的。

Answer 1

使用Jquery

Function checkSize(){
    var side;
    if ($('#parent').height() > $('#parent').width()) {
        side = "Height";
    }else if($('#parent').height() < $('#parent').width()) {
        side = "Width";
    }else($('#parent').height() == $('#parent').width()) {
        side = "Equal";
    }
    alert(side);
}