0

ドキュメント全体の背景色を変更しようとしていますが、これでうまくいくはずです。テキストを変更しても同じはずですか？私はコードをいじっていましたが、変更をコーディングする簡単な方法が見つかりませんでした。

<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>
4

2 に答える 2

1

<style>タグの間にスクリプトを挿入することは想定されていません

ここでは、開始に役立つ 2 つのリンクを示します。

于 2012-10-09T17:27:19.717 に答える
0

RASG は正しいです。そのようなものを実装しようとする前に、まず JavaScript チュートリアルを読む必要があります...

<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>
于 2012-10-09T18:11:06.217 に答える