Как найти самую длинную сторону элемента Javascript

Question

Я пытаюсь изменить размер элемента. Это довольно прямолинейно.

У меня есть div и ребенок div.

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

Они динамически создаются с использованием JavaScript.

Я пытаюсь определить самую длинную сторону для родителя, чтобы изменить размер изображения, находящегося внутри дочернего div. Изображение может быть длиннее вдоль его высоты или ширины.

Эти divs изменяют размер в зависимости от результата, и изображение может быть ландшафтным или портретным, это загрузка пользователя.

Есть ли быстрый способ проверить родительский 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); 
}