javascript - 如何检索 HTML "style"元素？

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);

我已经 created an example来证明这一点。