2018.10.11作业

最新推荐文章于 2021-03-16 00:46:55 发布

小陆666

最新推荐文章于 2021-03-16 00:46:55 发布

阅读量114

点赞数

本文链接：https://blog.csdn.net/lth4520067/article/details/83016737

版权

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<select id="color" onchange="changeColor()">
		<option value="red">red</option>
		<option value="yellow">yellow</option>
		<option value="green">green</option>
	</select>
	<select id="fontSize" onchange="changeFontSize()">
		<option value="50px">50px</option>
		<option value="100px">100px</option>
		<option value="200px">200px</option>
	</select>

<p id="p1">上善若水</p>
</body>

<script type="text/javascript">	
	function changeColor(){ 
			var a=document.getElementById("color").value;
			var b=document.getElementById("p1");
			b.style.color=a;
	}
	changeColor();

	function changeFontSize(){
			var a=document.getElementById("fontSize").value;
			var b=document.getElementById("p1");
			b.style.fontSize=a;
	}
	changeFontSize();


</script>
</html>