下拉列表 列出三个颜色 选中某种颜色 网页就设置该颜色
通过onchange事件获取下拉列表的改变,从而改变网页背景色。
<body>
<!-- 下拉列表 列出三个颜色 选中某种颜色 网页(document.body)就设置该颜色 -->
<select name="color" id="color">
<option value="">请选择颜色</option>
<option value="red">红色</option>
<option value="green">绿色</option>
<option value="blue">蓝色</option>
</select>
<script>
let color = document.getElementById('color');
color.onchange = function() {
document.body.style.backgroundColor = this.value;
console.log(this.value);
}
</script>
</body>