Comment puis-je modifier dynamiquement les attributs de style d'élément avec JavaScript ?

Modification dynamique des attributs de style d'élément avec JavaScript

Problème : Comment modifier l'attribut de style d'un élément spécifique vous utilisez JavaScript ? Par exemple, vous devez modifier dynamiquement l'attribut padding-top d'un div.

Solution :

Le code fourni est correct :

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

Ce code sélectionne l'élément avec l'ID "xyz" et définit la valeur de l'attribut de style "padding-top" sur "10px."

Remarque supplémentaire :

Vous pouvez également utiliser la notation en tiret pour les propriétés de style :

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

Style amélioré Bibliothèque (Edit 2023) :

Pour une manipulation de style plus avancée, pensez à utiliser la bibliothèque suivante développée par le répondeur d'origine : [Github](https://github.com/username/library_name)

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!