请老师检查作业
来源：4-12 编程练习
慕尼黑8359237
2021-09-09 10:10:50
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
#box {
width: 300px;
height: 300px;
border: 2px solid gray;
margin: 100px 0 0 200px;
}
</style>
<script>
window.onload = function () {
// 通过id获取元素的方式得到下拉列表对象和div元素对象
var sid = document.getElementById('sid');
var box = document.getElementById('box');
// 给下拉列表绑定选项发生变化时触发的事件（onchange事件）
sid.onchange = function () {
if (this.value == '0') {
box.style.backgroundColor = 'white';
box.innerHTML = '我没有发生任何变化';
} else {
box.style.backgroundColor = this.value;
box.innerHTML = '我的颜色背景变成了' + this.value + '色';
}
}
}
</script>
</head>
<body>
<span>请选择您喜欢的颜色: </span>
<select id="sid">
<option value="0">请选择</option>
<option value="yellow">黄色</option>
<option value="orange">橘色</option>
<option value="purple">紫色</option>
<option value="pink">粉色</option>
</select>
<div id="box">我是div</div>
</body>
</html>
1回答
-
好帮手慕久久
2021-09-09
同学你好，代码正确，很棒！祝学习愉快！
0
相似问题