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

Question

我希望使用开关和数组来使用 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();

不确定从这里去哪里，有什么建议吗？

Answer 1

我有一个JSFiddle为你。这是您要找的吗？

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

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