如何在javascript中用随机数减去div的宽度？

Question

我有一个宽度为200px的div，我希望这个div的宽度减去javascript中随机数的值。

像这样：

document.getElementById("myGreenHpBar").style.width-randomized number

我该怎么写呢？

Answer 1

这应该有效：

var width = document.getElementById("myGreenHpBar").style.width;
var new_width = width - random_number;
document.getElementById("myGreenHpBar").style.width = new_width;

Answer 2

这应该有效：

var div = document.getElementById("div");

div.style.width = "300px";  

function rand(){
    var randNum = Math.floor(Math.random() * 40) + 1;
    div.style.width = subPx(div.style.width, randNum) + "px";
    alert(randNum);
}

// Gets : "200px", "50"; Returns 200 - 50
function subPx(a, b){
  return parseInt(a, 10) - b;
}

DEMO

subPx

的说明

1. 点击第一个按钮，它会收到300px（div元素的原始宽度）和randNum（假设10）为a和b分别
2. parseInt方法将300px转换为基础300中的整数10（第二个参数）。
3. 从300，我们减去10（b），然后获取290。
4. 返回290。
5. 现在在rand函数中，表达式变为：div.style.width = 290 + "px"
6. 由于"px"是字符串，整数290会被强制转换为字符串"290"，我们得到的结果为：div.style.width = "290px";

希望有所帮助！