如何根據它的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> 

當我點擊消耗的藥水按鈕，我希望條的寬度增加70像素，140px，每次210px，最後280像素。不幸的是，我不能在寬度上檢測當前px的數量，也不會在其中創建「px」字樣。

所以總之，我想要一種方式來檢測只有在divs寬度的數字。

Answer 1

document.getElementById('health').offsetWidth 

會給你div的有效寬度作爲一個數字。