JS / jQuery：使用内联样式动态地将x像素添加到div的高度

Question

我的HTML看起来像这样（jsfiddle）：

<div class="bg-layer" style="height: 200px; background-color: cyan;">
Hello World
</div>

在我的实际网站中有一些幕后脚本将高度设置为200px，我需要在其上添加一个额外的 x 像素 - 例如25像素 - 这将给出 height 值 225px 。

我认为有一个叫做'bg-layer'的类可以用来定位这个div。

我正在尝试使用jQuery / Javascript来完成此任务。

Answer 1

假设这是文档中第一个使用“by-layer”类的元素。

var div = document.getElementsByClassName("bg-layer")[0];
div.style.height = (parseFloat(div.style.height) + 25) + 'px';

但是，与黑客斗争真是个坏主意。在尝试之前尝试修复“幕后脚本”。