Question

我试图找出如何使用按钮

来更改页面背景颜色的代码

所以基本上我有一个按钮写出来的代码及其功能，但我很难搞清楚使用什么代码来使按钮改变整个页面的颜色

<script>
    function changeColor()
    {

    };
    function changeText()
    {
        alert ("change text in this part");
    };
    function sendMsg()
    {
        alert ("change msg content here");
    }
</script>

<body>
    <h1>Welcome to my program!</h1>
        <button onclick="changeColor()">Color</button>
        <button onclick="changeText()">Text</button> </br>
            <p>Can I ask you something Ive always wanted to ask the real Batman?</p> </br>
                 <input type="text" name="">
</body>

Answer 1

  document.body.style.background = color;

没有更多的东西，它就是那么简单！

Answer 2

亲爱的尝试这段代码：

<FORM> 
<INPUT type="button" value="Change to Yellow!" name="button3" onClick="document.bgColor='yellow'"> <br> 
<INPUT type="button" value="Change to Red!" name="button4" onClick="document.bgColor='red'"> <br> 
<INPUT type="button" value="Change back!" name="button5" onClick="document.bgColor='white'"> </FORM>

javascript用按钮更改页面背景颜色

2 个答案: