如何根据px的数量更改div的宽度。

Question

我决定使用Javascript和HTML创建一个简单的视频游戏。 我的问题是，当我的角色消耗健康药水时，我的健康棒（div）不会上升。 当前的健康栏看起来像这样：

 <div title="Health bar" id="health" style="position: relative; left: 530px; background-color: rgba(22, 248, 22, 0.470588); height: 20px; width: 280px; text-align: center;">Hp</div>

当我点击消耗药水按钮时，我希望酒吧的宽度增加到70px，140px，210px，最后每次增加280px。 不幸的是，我无法检测宽度中当前的px数量，也没有在其中设置单词“px”。

所以简而言之，我想要一种方法来只检测divs宽度中的数字。

Answer 1

document.getElementById('health').offsetWidth

会给你div的有效宽度作为数字。