Maison > interface Web > js tutoriel > Comment puis-je modifier la couleur d'arrière-plan d'une page Web avec JavaScript ?

Comment puis-je modifier la couleur d'arrière-plan d'une page Web avec JavaScript ?

Mary-Kate Olsen
Libérer: 2024-11-19 05:09:02
original
1011 Les gens l'ont consulté

How Can I Change a Webpage's Background Color with JavaScript?

Modification de la couleur d'arrière-plan d'une page Web via JavaScript

Cet article explore une méthode rapide pour modifier la couleur d'arrière-plan d'une page Web à l'aide de JavaScript.

Solution

Pour modifier la couleur de fond, vous pouvez travailler avec le JavaScript propriété document.body.style.background. Voici comment procéder :

function changeBackground(color) {
   document.body.style.background = color;
}

window.addEventListener("load",function() { changeBackground('red') });
Copier après la connexion

Cette fonction prend un paramètre de couleur (« rouge » dans cet exemple) et l'assigne à la propriété background. L'écouteur d'événements garantit que la fonction s'exécute lors du chargement de la page.

Remarque : Il est important de prendre en compte la structure de votre page. Si vous utilisez un conteneur DIV avec sa propre couleur d'arrière-plan, vous devez cibler la couleur d'arrière-plan de cet élément plutôt que le corps du document.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal