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
Mary-Kate Olsenoriginal
2024-11-19 05:09:02990parcourir

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') });

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!

Déclaration:
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