我决定使用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宽度中的数字。
答案 0 :(得分:2)
document.getElementById('health').offsetWidth
将为您提供div的有效宽度作为数字。