05.02用javascript改变div的颜色

最新推荐文章于 2023-10-27 11:33:37 发布

淳朴的小芝麻

最新推荐文章于 2023-10-27 11:33:37 发布

阅读量991

点赞数 1

分类专栏：初学文章标签： javascript html js

本文链接：https://blog.youkuaiyun.com/AlbertBlack/article/details/116349420

版权

初学专栏收录该内容

1 篇文章

订阅专栏

调用javascript改变div的颜色

<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript">
	function randcolor(){
		var c = new Array();
		var dbgc;
		for(var i = 0 ; i < 3 ; i++ )
			c[i]=Math.floor(Math.random()*256);
		dbgc = "rgb("+c[0]+","+c[1]+","+c[2]+")";
		document.getElementById("play").style.backgroundColor=dbgc;
	}
	</script>
	<style>
		body{
			margin: 0 ;
			padding: 0 ;
		}
		#play{
			width: 100%;
			height: 200px;
			background-color:blue;
		}
	</style>
</head>
<body>
		<div id="play" onclick="randcolor()"></div>
</body>
</html>

<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		body{
			margin: 0 ;
			padding: 0 ;
		}
		#play{
			width: 100%;
			height: 200px;
			background-color:blue;
		}
	</style>	
</head>
<body>
	<div id="play"></div>
	<script>
		function randcolor(){
			var c = new Array();
			for (var i = 0 ; i < 3 ; i++ )
				c[i]=Math.floor(Math.random()*256);
			return "rgb("+c[0]+","+c[1]+","+c[2]+")";
		}
		var play = document.getElementById("play");
		play.onclick=function(){
			play.style.backgroundColor=randcolor();
		}
	</script>
</body>
</html>