Comment puis-je modifier dynamiquement les attributs de style CSS à l'aide de JavaScript ?

Modification dynamique des attributs de style avec JavaScript

Supposons que vous ayez une feuille de style CSS définie pour un élément DIV. Il est nécessaire de modifier dynamiquement un attribut spécifique de ce DIV à l'aide de JavaScript. Comment y parvenir efficacement ?

En termes simples...

Pour modifier dynamiquement un attribut de style, utilisez la syntaxe suivante :

document.getElementById("elementID").style.attributeName = "newAttributeValue";

Exemple :

document.getElementById("xyz").style.paddingTop = "10px";

Ce code modifie avec succès l'attribut padding-top du DIV avec l'ID "xyz" à une valeur de "10px".

Notation alternative pour les propriétés de style :

De plus, vous pouvez également utiliser une notation de tiret pour les propriétés de style :

document.getElementById("xyz").style["padding-top"] = "10px";

Cette syntaxe alternative vous permet de spécifier des propriétés de style en utilisant leurs équivalents CSS avec trait d'union.

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!