ホームページ >ウェブフロントエンド >jsチュートリアル >色の変更に関する JavaScript の例の共有
色の変更に関する JavaScript の例の共有
- 黄舟オリジナル
- 2017-08-09 11:00:311856ブラウズ
ここで、JavaScript を使用して色を変更する簡単な例を作成します。具体的な手順は次のとおりです。
1. ステップ 1:
まず HTML ファイルを作成します。 2. 2 番目のステップ:
<body>
<div id="a1" onclick ="color();"></div>
</body>
<script>
function color() {
var div = document.getElementById("a1");
div.id = "a2";
}
</script>
3. 3 番目のステップ:
スタイル:
<style>
div
{
width:660px;
height:660px;
}
#a1
{
background :green;
}
#a2
{
background :red;
}
</style>
4.
実行結果:
5. ステップ 5:
クリックして色を変更します:
友達、今すぐ自分で試してみてください~
以上が色の変更に関する JavaScript の例の共有の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。