Javascript “如何检索HTML”；“风格”；元素？

我有以下HTML代码：

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

我想知道如何检索

min height

属性，将某个值减去当前值，然后在属性中重新加载新值

这怎么可能呢

我没有尝试过任何东西，因为我对JavaScript/jQuery完全陌生，我相信从我在互联网上搜索的内容来看，这是最可行的选择

对于我所看到的，有一个jQuery方法，它是

.attr（）

，它可能会满足我的需要

谢谢。

您需要以下方法：

这将获得浏览器解析的

minheight

属性

然后可以使用

parseInt（）

返回不带px后缀的值：

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

减去值后，可以将其重新应用于元素：

min_height -= 500;

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

---

我必须对此进行演示。

使用

.css（）

方法，而不是

.attr（）

尝试使用此方法

var currentValue=$（“#mainner”）.css（“最小高度”）

用新值重新加载

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

试试这个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()" />


函数alertheight（）{
var ht=parseInt（document.getElementById（“maininner”）.style.minHeight）；//获取当前的最小高度
ht=ht+30；//加30
document.getElementById（“maininner”）.style.minHeight=ht+“px”；//分配新的最小高度
}

在这里，每次点击按钮都会将最小高度+30 px相加，以供参考，
min height
不是一个属性，而是一个CSSproperty@A.Wolff
\u将某个值减去当前值，然后在属性中重新加载新值。\u
为什么要这样做？只是好奇这里真的需要解析吗？@jai是的，否则，您将尝试从末尾带有px的字符串中减去一个值。这导致了NaNI这么说，
.css（）
方法返回带有px后缀的值。。。你不能从字符串中减去整数。逗号后面的10是什么意思：
min\u height=parseInt（$（'mainnerl'）.css（'min-height'），10）
？@MONZTAAA这是基数参数，强烈建议您指定一个值，该值通常为10。我建议阅读以下文章-->
$('#maininner').css({
     min-height : '1000px' // can edit as per your needs 
});

<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()" />