年少不知头发贵，老来悔学计算机
<body>
<div class="wp">
<div id="">
<div id="">
<div id="">
<div class="nei">
</div>
</div>
</div>
</div>
</div>
<input type="button" name="wai" id="wai" value="由外向内" />
<input type="button" id="nei" value="由内向外" />
</body>
<script type="text/javascript">
var div=document.getElementsByTagName('div');
console.log(div[0].className);
var arr=[];
function rand(x,y){
return Math.floor(Math.random()*(y-x+1))+x;
}
var wai=document.getElementById("wai");
var nei=document.getElementById("nei");
wai.onclick=function(){
var r=rand(0,255);var g=rand(0,255);
var b=rand(0,255);
var rgb='rgb('+r+','+g+','+b+')';
arr.unshift(rgb);
console.log(arr)
for (var i=0;i<div.length;i++) {
div[i].style.background=arr[i];
}
if(arr.length>=6){
arr.pop();
}
};
nei.onclick=function(){
var r=rand(0,255);var g=rand(0,255);
var b=rand(0,255);
var rgb='rgb('+r+','+g+','+b+')';
arr.push(rgb);
if(arr.length>div.length){
arr.shift();
}
console.log(arr)
for (var i=0;i<div.length;i++) {
if(arr.length<5){
arr.reverse();
div[div.length-1-i].style.background=arr[i];
arr.reverse();
}else{
div[i].style.background=arr[i];
}
}
};
</script>
7253
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
