ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript を使用して Web ページの背景色を変更するにはどうすればよいですか?

JavaScript を使用して Web ページの背景色を変更するにはどうすればよいですか?

DDD
リリース: 2024-11-14 18:39:02
オリジナル
675 人が閲覧しました

How can I change the background color of a webpage using JavaScript?

JavaScript を使用した背景色の変更

JavaScript を使用して Web ページの背景色を変更するのは簡単な作業です。その方法は次のとおりです:

解決策:

  1. ドキュメント本文にアクセスします: document.body プロパティを利用します。
  2. 背景スタイルを変更する: document.body.style の背景プロパティを設定します。たとえば、赤に設定するには、document.body.style.background = 'red' を使用します。

これを実現するサンプル関数を次に示します。

function changeBackground(color) {
   document.body.style.background = color;
}
ログイン後にコピー

関数を使用するには、次のコードをページの onload イベント ハンドラーに追加します。

window.addEventListener("load",function() { changeBackground('red') });
ログイン後にコピー

注:

ページの構造を考慮してください。背景が特定の DIV コンテナに設定されている場合は、ドキュメント本文ではなく背景色を変更する必要があります。

以上がJavaScript を使用して Web ページの背景色を変更するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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