Maison > interface Web > tutoriel CSS > Comment modifier dynamiquement la couleur d'arrière-plan d'un élément HTML à l'aide de JavaScript ?

Comment modifier dynamiquement la couleur d'arrière-plan d'un élément HTML à l'aide de JavaScript ?

Barbara Streisand
Libérer: 2024-11-04 13:37:02
original
1071 Les gens l'ont consulté

How to Dynamically Change an HTML Element's Background Color Using JavaScript?

Propriétés CSS en JavaScript : définition de la couleur d'arrière-plan

Question : Comment modifier dynamiquement la couleur d'arrière-plan d'un élément HTML vous utilisez JavaScript ?

Réponse : JavaScript exploite la notation camelCase pour accéder aux propriétés CSS, en omettant les tirets. Par conséquent, "background-color" se traduit par "backgroundColor".

Pour illustrer :

<code class="javascript">function setColor(element, color) {
    element.style.backgroundColor = color;
}

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

Cet extrait de code illustre la définition de la couleur d'arrière-plan d'un élément avec l'ID "elementId" sur vert.

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