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

时间:2014-05-03 02:43:22

标签: javascript html

我决定使用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&#39;在它也。

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

1 个答案:

答案 0 :(得分:2)

document.getElementById('health').offsetWidth

将为您提供div的有效宽度作为数字。