FC2ブログ

[JavaScript]ボタンを押下して背景色を変更

JavaScriptを使用して背景色を切り替えるサンプルを紹介。
今回は背景色なので、document.bgColor にカラーを設定。
もしテキストの色を同様に変更したい場合、document.fgColor を
指定してあげればよい。

■サンプルコード

<html>
<head>
<title>背景色切り替え!!</title>
<script type="text/javascript">
<!--
// 背景色赤
function bgColChangeRed() {
document.bgColor = "#FF0000";
}

// 背景色青
function bgColChangeBlue() {
document.bgColor = "#0000FF";
}

// 背景色緑
function bgColChangeGreen() {
document.bgColor = "#008800";
}
// -->
</script>
</head>
<body>
<input type="button" value="背景色赤" onClick="bgColChangeRed()">
<input type="button" value="背景色青" onClick="bgColChangeBlue()">
<input type="button" value="背景色緑" onClick="bgColChangeGreen()">
</body>
</html>

JavaScript実行例(20130712)


コメントの投稿

非公開コメント

プロフィール

hiiro

Author:hiiro

最新記事
カテゴリ
月別アーカイブ
最新コメント
最新トラックバック
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QR
Counter