如何检索HTML"样式"元素？

Question

我有这个HTML代码:

<div id="maininner" class="grid-box" style="min-height: 2500px;">

我想知道如何检索min-height属性,将某个值减去当前值并重新加载属性中的新值.

怎么可以这样做？

我没有尝试任何东西,因为我对JavaScript/jQuery完全不熟悉,我相信我在互联网上搜索的内容是最可行的选择.

对于我所看到的,有一个jQuery方法,.attr()它可能做我需要的.

谢谢.

Answer 1

你需要这个.css()方法:

$('#maininner').css('min-height');

这将获得min-height浏览器解析的属性.

然后,您可以使用parseInt()返回值而不使用px后缀:

var min_height = parseInt( $('#maininner').css('min-height'), 10);

在减去值后,可以将其重新应用于元素:

min_height -= 500;

$('#maininner').css('min-height', min_height);

我已经创建了一个示例来演示这一点.