javascript - 我想使用一个下拉菜单，它将使用JavaScript更改文档的bgColor

我正在寻找使用一个开关和一个数组来使用javascript和html更改文档的bgColor。

这是我的代码：

function changebg() {

    var colors = ["red", "blue", "pink", "orange", "yellow", "green"];
    x = document.bgColor
    y = document.getElementById("selection").value;

    switch (y) {

        case "red":
            x = colors[0];
            break;

        case "blue":
            x = colors[1];
            break;

        case "pink":
            x = colors[2];
            break;

        case "orange":
            x = colors[3];
            break;

        case "yellow":
            x = colors[4];
            break;

        case "green":
            x = colors[5];
            break;

    }

}

document.bgColor = changebg();

不知道从这里去哪里，有什么建议吗？

最佳答案

我为您准备了JSFiddle。这是您要找的东西吗？

您只需将此document.body.style.backgroundColor = x;添加到您的函数中。

您可以删除开关，而仅使用select元素中的值。这将是更清洁的方式。

关于javascript - 我想使用一个下拉菜单，它将使用JavaScript更改文档的bgColor，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29792468/