Question

有人可以告诉我这是错的：

<html>

    <script type = "text/javascript">
        function colourGreen()
        {
            document.getElementById("button1").style.bgColor = 0xFFFF00;
        }
    </script>
    <body>

        <form action="">
            <div id = "button1">
                <input type="button" value="Colour">
            </div id>
            <div id = "button2">
                <input type="button" value="Price up" onclick = "colourGreen()">
            </div id>
            <div id = "button3">
                <input type="button" value="Price down">
            </div id>
        </form>

    </body>
</html>

Answer 1

document.getElementById("button1").style.backgroundColor = '#FFFF00';

Answer 2

尝试：

document.getElementById("button1").style.backgroundColor = '#00ff00';

backgroundColor而非bgColor

Answer 3

您可以创建css规则并更改按钮的className以链接到该规则。

<style type="text/css">
     .buttonColor{
          background-color: green;
     }
</style>

<script type ="text/javascript">
    function colourGreen() {
        document.getElementById("button1").className = "buttonColor";
    }
</script>

这样，如果您出于某种原因决定更改颜色或背景，则无需在每个页面上更改颜色或背景。您将能够更改那个css文件。

Answer 4

我试试

.style.backgroundColor = 0xFFFF00;

Answer 5

我认为你的div只有你的按钮那么大，因此被按钮本身隐藏了。更改按钮本身的颜色而不是div？

编辑项目css的更简洁，更可靠的方法是使用jquery选择器。 $（ “＃Button1的”），CSS（ “背景色”， “＃FF0000”）。在尝试此操作之前，请确保包含jquery .js文件，否则您将获得对象预期错误。

Javascript函数改变按钮颜色

5 个答案: