JavaScript更改bgcolor和文本

Question

我试图更改整个文档的背景颜色，这应该工作。改变文字应该是一样的权利？我一直在乱码，我还没有找到一个简单的方法来编码的变化。

<style> 
function bgPick() 
{ 
    if(document.displayOptions.value == 1){ 
     body.background-color:blue; 
    } 
    else if(document.displayOptions.value == 2){ 
     body.background-color:cyan; 
    } 
    else{ 
     body.background-color:white; 
    } 
} 
</style> 


<form name="displayOptions"> 
<select name="colorPick" onchange="bgPick()"> 
<option value=0>Background Color</option> 
<option value=1>Blue</option> 
<option value=2>Cyan</option> 
<option value=3>White</option> 
</select> 
<select name="textPick"> 
<option value=0>Font Color</option> 
<option value=1>Black</option> 
<option value=2>Red</option> 
<option value=3>Silver</option> 
</select> 
</form> 

Answer 1

你不应该<style>标签

这里之间插入脚本，两个链接，以帮助您入门：

• CSS tutorial
• Javascript tutorial

Answer 2

RASG是对的，你应该阅读一个JavaScript t utorial在尝试实现类似的东西之前...

<script> 
function bgPick() { 
    var select = document.querySelector("select[name='colorPick']"), 
     color; 
    switch (select.value) { 
     case "1": color = "blue"; break; 
     case "2": color = "cyan"; break; 
     default: color = "white"; break; 
    } 
    document.body.style.backgroundColor = color; 
} 
</script>