<!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>
2018.10.11作业
猜你喜欢
转载自blog.csdn.net/lth4520067/article/details/83016737
今日推荐
周排行