<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
</head>
<body>
<div id="d">1</div>
<script>
//随机生成背景颜色
//css : background-color:#xxxxxx;
//思路: 1.产生随机的background-color中的 r g b;
// 即生成 0~255 之间的随机数而且是离散型的
// 2.变成16进制的字符串
// 3.进行RGB的拼接
function randomHex(){
var rdm = Math.random() * 256;
rdm = Math.floor(rdm);
return rdm.toString(16);
}
function randomColor(){
var r = randomHex();
var g = randomHex();
var b = randomHex();
return "background-color:#"+r+g+b;
}
var sty = randomColor();
document.getElementById('d').setAttribute('style',sty);
</script>
</body>
</html>
扫一扫
446
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
