利用javascript随机改变文字，页面和行的颜色

最新推荐文章于 2021-03-03 11:28:47 发布

weixin_34198881

最新推荐文章于 2021-03-03 11:28:47 发布

阅读量340

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/sherwayne/blog/113024

版权

2019独角兽企业重金招聘Python工程师标准>>>

<html>
<body>
<script type="text/javascript">
var arr = [0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F'];
//获取随机颜色的值
function getColor(){
	var color = "#";
	for(i=0;i<6;i++){
		var c = parseInt(Math.random()*16);
		c = arr[c];
		color = color + c;
	}
	return color;
}
//改变文本的颜色
function changeColor(id){
	id.style.color = getColor();
}
//改变单行的颜色
function changeSingleLineColor(line){
	line.style.backgroundColor = getColor();
}
//改变页面背景色
function changeBgColor(){
	document.bgColor = getColor();
}

//改变文本和单行颜色，需将调用对象本身传进函数，而改变页面北京颜色则不用传递参数，直接使用document对象。
</script>

<p onClick="changeColor(this)" align="center"><font size="+6"><b>no road of flowers leads to glory.</b></font></p>
<p onClick="changeSingleLineColor(this)" align="center">改变单行颜色</p>
<p onClick="changeBgColor()" align="right">改变页面背景颜色</p>

</body>
</html>

感谢来自百度知道 @ yanzilisan183 的帮助