1.打开网页,网页效果如图所示
代码如下:
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>随机变色</title> <style type="text/css"> #box{ width: 200px; height: 200px; border: 1px solid red; } </style></head><body><div id="box"></div><script type="text/javascript"> // 获取元素对象 var obj1 = document.getElementById("box"); // 给元素添加属性 obj1.style.background = 'rgb(255,255,0)'; // 注意:添加的属性类型 是字符串类型 !!!</script></body></html>2.思考:如何随机变换div块的背景颜色
- 添加随机函数
- 颜色的表示方式 rgb(随机数,随机数,随机数)
- 添加多次定时器
以上代码非常简单,大家可以尝试运行下,感谢大家的学习和对的支持。