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来证明这一点。

Answer 2

使用.css()方法代替.attr()

Answer 3

尝试使用此var currentValue = $("#maininner").css("min-height");

使用新值重新加载

 $("#maininner").css("min-height",currentValue - subtractValue);

Answer 4

$('#maininner').css({
     min-height : '1000px' // can edit as per your needs 
});

Answer 5

试试这个javascript代码

<script type="text/javascript">
    function alertheight() {
        var ht = parseInt(document.getElementById("maininner").style.minHeight); //gets the current min-height
        ht = ht + 30; //adds 30 
        document.getElementById("maininner").style.minHeight = ht + "px"; // assigns new min-height 
    }
</script>

 <div id="maininner" class="grid-box" style="min-height: 2500px;">
 <input type="button" onclick="alertheight()" />

此处每次按下按钮都会将最小高度+30像素加起来

如何检索HTML“样式”元素？

5 个答案: