Javascript getElementId(';divname';+;varname)::不工作?

Javascript getElementId(';divname';+;varname)::不工作?,javascript,while-loop,scope,getelementbyid,Javascript,While Loop,Scope,Getelementbyid,我有一个很长的div集合,当有人点击带有级联延迟的“home”按钮时(稍后我会添加),我想将所有div的背景颜色更改为随机颜色。我一直在JFIDLE中测试这个,但我似乎无法让它工作 例如,在JSFIDLE上使用1-10的while循环: 在getElementByID方法中放置字符串/变量组合是否存在var作用域问题?它似乎显示了,当我在jfiddle的HTML部分中放置head标记时,代码在“getElementById(” 如果有任何帮助,我们将不胜感激。我已经在这里搜索过了,没有发现任何

我有一个很长的div集合,当有人点击带有级联延迟的“home”按钮时(稍后我会添加),我想将所有div的背景颜色更改为随机颜色。我一直在JFIDLE中测试这个,但我似乎无法让它工作

例如,在JSFIDLE上使用1-10的while循环:

在getElementByID方法中放置字符串/变量组合是否存在var作用域问题?它似乎显示了,当我在jfiddle的HTML部分中放置head标记时,代码在“getElementById(”


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

请删除颜色代码中的分号

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;
    }
}
函数backgroundColorChange(){
var-num=1;

while(num分号,太棒了。非常感谢。编辑:console.log。刚刚意识到左边的设置被关闭了,忘记了“no wrap head”和“pure js”设置。再次感谢!@user1339635噢。
console.log()^^
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;
    }
}