Maison > interface Web > tutoriel CSS > Comment changer la couleur d'arrière-plan d'un élément HTML avec CSS via JavaScript ?

Comment changer la couleur d'arrière-plan d'un élément HTML avec CSS via JavaScript ?

Linda Hamilton
Libérer: 2024-11-05 04:49:02
original
1003 Les gens l'ont consulté

How to Change HTML Element Background Color with CSS via JavaScript?

Changer la couleur d'arrière-plan d'un élément HTML avec CSS via JavaScript

Le défi de personnaliser la couleur d'arrière-plan d'un élément en HTML à l'aide de CSS via JavaScript se pose fréquemment.

Pour résoudre ce problème, les propriétés CSS sont transformées en équivalents JavaScript en utilisant la notation camelCase et en omettant les tirets. Par conséquent, « background-color » devient « backgroundColor ».

Voici une démonstration complète du code :

function setColor(element, color)
{
    element.style.backgroundColor = color;
}

// where el is the targeted element
var el = document.getElementById('elementId');
setColor(el, 'green');
Copier après la connexion

En employant cette méthodologie, vous pouvez modifier efficacement la couleur d'arrière-plan des éléments HTML de manière dynamique en utilisant JavaScript.

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