如何使用javascript从下拉菜单中更改网页的背景色？我需要

我需要有关JavaScript函数代码的帮助，我想从下拉列表中更改网页的背景颜色。当有人从列表中选择任何颜色时，它的响应是相同的，并更改网页的背景色。我在JS中使用的技术是DOM。我们如何做到这一点。 以下是我执行此任务的代码：-

var变化；
函数颜色（）{
document.bgcolor=change.themes.val（）；
}
颜色（）；
最佳主题
白色
黑色
橙色
绿色
蓝色
天蓝色
粉红色
黄色的
芥末
褐红色的
洋红
青色
灰色
海绿
巧克力
紫红色
黄金
卡其色
银币

您没有调用

onChange

函数

onChange

功能设置为表单，而不是

select

您需要

document.body.style.backgroundColor

来更改正文的背景色

您使用的是基于

var change

的

change.themes

，它从未在其他地方使用过，也从未设置过

功能更改颜色（el）{
document.body.style.backgroundColor=el.value；
}

白色
黑色
橙色
绿色
蓝色
天蓝色
粉红色
黄色的
芥末
褐红色的
洋红
青色
灰色
海绿
巧克力
紫红色
黄金
卡其色
Silver

您可以将

onchange

添加到

选择元素中。它不需要附带
表单操作
这个片段可能很有用

// get the selector & add `onchange` function to it.
// Here changeEventHandler will be executed when there is a change in select
document.querySelector('select[name="colors"]').onchange = changeEventHandler;


function changeEventHandler(event) {
  if (!event.target.value) {} else {
    // targeting body to change color
    // event.target will be the select element
    // event.target.value will the option selected from dropdown
    document.body.style.backgroundColor = event.target.value;
  }
}


函数颜色（）{
var color=document.getElementById（“colors”）.value；//缓存
//用于更改背景颜色的工作功能。
document.bgColor=颜色；
}

最佳主题
白色
黑色
橙色
绿色
蓝色
天蓝色
粉红色
黄色的
芥末
褐红色的
洋红
青色
灰色
海绿
巧克力
紫红色
黄金
卡其色
银币