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