javascript - getElementId ('divname' + varname):::不工作？

Question

我有一长组 div，当有人单击带有级联延迟的“主页”按钮时(我稍后会添加)，我想将它们的所有背景颜色更改为随机颜色。我一直在 jfiddle 中对此进行测试，但似乎无法让它工作。

例如，在 jsfiddle 上使用 1-10 的 while 循环: http://jsfiddle.net/PWvaw/17/

我是否遇到了 var 范围问题，或者在 getElementByID 方法中放置字符串/变量组合是否存在问题？似乎表明，当我将 head 标签放在 jfiddle 的 HTML 部分中时，代码在“getElementById(”

)之后立即变成红色

switch (randomNumberOne) {
  case 1:
    document.getElementById(

如有任何帮助，我们将不胜感激。我已经在这里进行了搜索，但没有发现任何结论，但是，如果我错过了答案，我深表歉意。谢谢!

Answer 1

只需删除颜色代码中的分号即可。

function backgroundColorChange() {
    var num = 1;
    while (num <= 10) {
        var randomNumberMe = Math.floor((Math.random()*10)+1);
        console.log(randomNumberMe);
        switch (randomNumberMe) {
            case 1:
              document.getElementById('r' + num).style.backgroundColor = '#db0058';
              break;
            case 2:
              document.getElementById('r' + num).style.backgroundColor = '#80e800';
              break;
            case 3:
              document.getElementById('r' + num).style.backgroundColor = '#ffb700';
              break;
            case 4:
              document.getElementById('r' + num).style.backgroundColor = '#4b5ed7';
              break;
            default:
              document.getElementById('r' + num).style.backgroundColor = '#ffffff';
              break;
        }
        num += 1;
    }
}

jsfiddle