JS.页面中有一个ul列表，共有10个li标签，为每个列表项添加随机的背景色；页面中还有一个按钮，点击按钮，为每一个li更换随机的背景色。

JS.页面中有一个ul列表，共有10个li标签，为每个列表项添加随机的背景色；页面中还有一个按钮，点击按钮，为每一个li更换随机的背景色。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title></title>
<style>
li{
width: 300px;
height: 30px;
}
</style>
</head>
<body>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<input type="button" value="变色">
</body>
<script>
//先执行这个方法
changeColor();
var inps= document.querySelectorAll("input");
inps[0].οnclick=function(){
changeColor();
}
function changeColor(){
var lis = document.querySelectorAll("li");
for(var i = 0; i<10; i++){
var r = Math.ceil(Math.random()*255);
var g = Math.ceil(Math.random()*255);
var b = Math.ceil(Math.random()*255);
lis[i].style.backgroundColor="rgb("+r+","+g+","+b+")";
}
}
</script>
</html>

上一篇：css怎么实现文字循环滚动效果

下一篇：Sql 关于如何通过多个id来查询多条数据

懒鸟飞：帝国cms模板专业分享平台，新域名：lanniaofei.com

JS.页面中有一个ul列表，共有10个li标签，为每个列表项添加随机的背景色；页面中还有一个按钮，点击按钮，为每一个li更换随机的背景色。