ホームページ > ウェブフロントエンド > jsチュートリアル > 色の変更に関する JavaScript の例の共有

色の変更に関する JavaScript の例の共有

黄舟
リリース: 2017-08-09 11:00:31
オリジナル
1841 人が閲覧しました

ここで、JavaScript を使用して色を変更する簡単な例を作成します。具体的な手順は次のとおりです。


1. ステップ 1:

まず HTML ファイルを作成します。

2. 2 番目のステップ:

色の変更に関する JavaScript の例の共有

スクリプト コードを記述します:

<body>
  <div id="a1" onclick ="color();"></div>
    
</body>
<script>
    function color() {
        var div = document.getElementById("a1");
        div.id = "a2";
    }
</script>
ログイン後にコピー

3. 3 番目のステップ:

色の変更に関する JavaScript の例の共有スタイル:

<style>
    div
    {
        width:660px;
        height:660px;
    }
    #a1
    {
        background :green;
    }
    #a2
    {
        background :red;
        
    }
 
 </style>
ログイン後にコピー

4.

色の変更に関する JavaScript の例の共有実行結果:

5. ステップ 5:

色の変更に関する JavaScript の例の共有クリックして色を変更します:

友達、今すぐ自分で試してみてください~

以上が色の変更に関する JavaScript の例の共有の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート