Question

我想在用户点击按钮时将背景颜色更改为他/她从下拉列表中选择的颜色。这是它的html和javascript代码。

<!DOCTYPE html>
<html>
    <head>
        <title>Change Color Demo</title>
        <script>
            function changeColor(){
                var selColor = document.getElementById("selColor");
                var color = selColor.value;
                document.body.style.backgroundColor = color;
            }
        </script>
    </head>
    <body>
        <form action="">
            <fieldset>
                <select id="selColor">
                    <option value="FFFFFF">White</option>
                    <option value="FF0000">Red</option>
                    <option value="FFCCFF">Orange</option>
                    <option value="FFFF00">Yellow</option>
                    <option value="00FF00">Green</option>
                    <option value="0000FF">Blue</option>
                    <option value="663366">Indigo</option>
                    <option value="FF00FF">Violet</option>
                </select>

                <input type="button" value="change color" onClick="changeColor()"/>
            </fieldset>
        </form>
    </body>
</html>

但由于某种原因它不起作用。请帮忙。

由于

Answer 1

使用十六进制表示RGB的CSS颜色必须以#字符开头。

Answer 2

代码丢失＆＃39;＃＆＃39;。只是一个小小的修复：

document.body.style.backgroundColor = "#"+color;

为什么这个javascript代码改变背景颜色不起作用？

2 个答案: