Question

我想在按钮点击时调整div高度，以便在每次点击时它的大小减少1％的高度。

我有这段代码

<div id='xyz' style="width:100%;height:70%;">
  something code
</div>
<button onclick="reduce()">Reduce</button>
<script>
  function reduce() {
    var xyz = document.getElementById("xyz");
    xyz.style.height = xyz.style.height-1%;
  }
</script>

Answer 1

你需要获得高度，删除%并在扣除之前转换为int。

＆＃13;

<div id='xyz' style="width:100%;height:70%;">
  something code
</div>

<button onclick="reduce()">reduce</button>


<script>
  function reduce() {

    var height = document.getElementById("xyz").style.height; // 70%

    var heightInt = parseInt(height.substr(0, height.length - 1)); // 70

    document.getElementById("xyz").style.height = (heightInt - 1) + '%';

  }
</script>

＆＃13;

如果按百分比Javascript，如何调整按钮单击div的大小

1 个答案: