麻烦老师检查，谢谢！
来源：3-12 编程练习
努力的刘同学
2020-04-08 23:38:20
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
#color{
width: 300px;
height: 300px;
margin: 200px auto 0;
border: 2px solid black;
}
</style>
<script>
window.onload=function(){
var getColor=document.getElementById("color");
var getMenu=document.getElementById("menu");
getMenu.onchange=function(){
var bgColor=this.value; //获取option中value的值
if(bgColor === "#fff"){
getColor.innerHTML="我什么都没变";
}else{
getColor.innerHTML="我的颜色变成了"+bgColor+"色";
}
getColor.style.background=bgColor;
}
}
</script>
</head>
<body>
<div id="colors">
请输入您想改变的颜色：
<select name="" id="menu">
<option value="#fff">请 输入</option>
<option value="red">红色</option>
<option value="yellow">黄色</option>
<option value="pink">粉色</option>
<option value="gray">灰色</option>
<option value="green">绿色</option>
</select>
</div>
<div id="color">我是div</div>
</body>
</html>
1回答
-
同学你好，代码实现正确。继续加油，祝学习愉快 ~
0
相似问题