Question

我刚刚开始学习JavaScript，所以我只知道一些关于它的事情。我搜索了这个问题，我发现它的正确代码可以正常使用十六进制颜色格式。但在此之前，我正在尝试自己，你能帮我把它变成RGB颜色发生器。每次我将此代码添加到我的页面时都无效。

      document.getElementById("myButton").onclick = function() {
        var r =Math.random();
        r = 255*r;
        r = Math.floor(r);

        var g =Math.random();
        g = 255*g;
        g = Math.floor(g);

        var b =Math.random();
        b = 255*b;
        b = Math.floor(b);

        var color= "rgb(" + r +"," + g +"," +b ")";

        document.getElementById("myDiv").style.background: color;
     }

Answer 1

将.style.background: color更改为.style.backgroundColor = color，这应该可以解决问题。

修改

您的代码中存在另一种语法错误。在初始化+时指定b后，您忘记了color。

Answer 2

后+后的b处的语法错误

var color= "rgb(" + r +"," + g +"," +b ")";

也会将=替换为:

document.getElementById("myDiv").style.background = color;

代表

document.getElementById("myDiv").style.background: color;

＆＃13;

document.getElementById("myButton").onclick = function() {
  var r = Math.random();
  r = 255 * r;
  r = Math.floor(r);

  var g = Math.random();
  g = 255 * g;
  g = Math.floor(g);

  var b = Math.random();
  b = 255 * b;
  b = Math.floor(b);

  var color = "rgb(" + r + "," + g + "," + b + ")";

  document.getElementById("myDiv").style.background = color;
}

＆＃13;

div {
  width:50px;
  height:50px;
}

＆＃13;

<button id="myButton">click</button>
<div id="myDiv"></div>

＆＃13;

随机（r，g，b）颜色生成器

2 个答案: