0

ドロップダウンメニューを使用してWebページのテキストの色を変更する方法を見つけようとしています.次のコードであるドロップダウンメニューを使用して背景色を正常に変更できました:

誰かがこれを達成する方法について私にアドバイスできますか?

4

2 に答える 2

0

<body>要素のテキストの色を変更します。

document.body.style.color="#"+backGround.options[backGround.selectedIndex].value

デモを参照してください。

于 2013-03-21T18:52:27.300 に答える
0

最初に、JavaScript を別の関数に移動し (これは適切な方法であり、読み取り/更新を容易にします)、onChange(); を設定します。select の値を渡してその関数を呼び出します。

次に、関数を次のように記述します。

<html>
    <head>
        <script type="text/javascript">
            function updateTextColour(value) {
                document.body.style.color = '#' + value;
            }
        </script>
    </head>
    <body>
        <form>Change the background color:
            <select name="backGround" size="1" onChange="updateTextColour(this.value)">
                <option value="000000">[Black]</option>
                <option value="FF0400">[Red]</option>
                <option value="EFE800">[Yellow]</option>
                <option value="05EF00">[Green]</option>
                <option value="0206FF">[Blue]</option>
                <option value="FFFFFF" selected>[White]</option>
            </select>
        </form>
    </body>
</html>

また、実際にこれらの色に単語を使用することもできます...次の JS を試してみてください。

document.body.style.color = "red";
document.body.style.color = "blue";
document.body.style.color = "grey";
于 2013-03-21T18:57:38.427 に答える