Как получить элемент 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(), чтобы вернуть значение без рх суффикса:

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

После того, как вы вычитали ваше значение, которое вы можете повторно применить его к элементу:

min_height -= 500; 

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

I 've 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 точек