如何确定元素使用的是高度还是最大高度？

Question

如何确定元素使用的是 css height 还是 css max-height？

例如，我有这两个元素，

<div style="height:100px">fixed</div>
<div style="max-height:100px">max-height</div>

我想在单击按钮时将它们的 height/ max-height 更改为 100%。

$('div').height('100%').height();

这只会更改第一个元素，而不会更改第二个元素。

我正在考虑使用 if 条件来检查：

if( use height ) $('div').height('100%').height();
else  $('div').css({maxHeight:'100%'}).height();

但我不知道如何检查......有什么想法吗？或者你可能有比我更好的主意？

Answer 1

您可以使用类似下面的代码来同时设置它们。

$('#div').css({height: "100%", maxHeight:"100%"});

希望这有用！

Answer 2

我相信你可以只测试 .css('maxHeight')。

// Returns 'none'
$('img').css('maxHeight')

// Returns '32px'
$('img').css('height')

Answer 3

使用 $('div').css('max-height') 将为您提供设置值或 undefined 或 'none'视具体情况而定。

对于 'height' 或任何其他 css 属性也是如此。