Question

当我点击button元素时，我尝试更改bg颜色，但它可以正常工作但只会在第一次点击时更改。我希望能够在单击按钮时不断更改正文background。 DEMO http://jsfiddle.net/4Be9K/

Answer 1

试试这个：

var d = document, 
btnElem = d.querySelector("button"), 
bodyElem = d.querySelector("body");

function randomBg () {
  var red = Math.floor(Math.random() * 256);
  var green = Math.floor(Math.random() * 256);
  var blue = Math.floor(Math.random() * 256);
  bodyElem.style.backgroundColor = 'rgb(' + red + ',' + green + ',' + blue + ')';    
}

btnElem.onclick = randomBg;

Answer 2

试试这个（demo）：

var d = document, 
btnElem = d.querySelector("button"), 
bodyElem = d.querySelector("body");

btnElem.onclick = function() {
    bodyElem.style.backgroundColor = 'rgb(' + Math.floor(Math.random() * 256) + ',' + Math.floor(Math.random() * 256) + ',' + Math.floor(Math.random() * 256) + ')';
}

它不起作用的原因是因为你正在调用randomBg()一次产生颜色。之后它不再生成任何颜色。

使用javascript更改背景颜色

2 个答案: