changer la valeur d'attribut de style

Question

Comment puis-je obtenir et changer le style d'attribut valeur de la propriété

Exemple

<div id="styleChanger" style="color: rgb(163, 41, 41);"> 
    // some content 
</div> 

Comment puis-je changer la valeur de couleur de la propriété Style

Answer 1

Toute déclaration CSS, en ligne (attribut style), dans l'en-tête de la page ou dans un fichier externe, est simplement incorporé dans les attributs de l'objet DOM une fois que le navigateur l'a lu. C'est-à-dire que vous n'êtes pas réellement intéressé par la modification de l'attribut style, mais par un attribut de l'objet sur lequel vous travaillez dans Javascript. Pour les attributs CSS, la méthode jQuery's .css() est la réponse.

$('#styleChanger').css("color","red"); 

Answer 2

Vous avez besoin d'une classe prête, par exemple:

 
.interactClass { 
    color: #d2232a; 
} 

et vous pouvez

 
$('#styleChanger').removeClass().addClass('interactClass'); 

Ou vous pouvez changer de propriétés individuelles avec la méthode css:

 
$('#styleChanger').css("color", "#D2232A").css("font-size", "20px"); 

Answer 3

Utilisez la méthode css() dans jQuery. Voici un lien vers la documentation: http://docs.jquery.com/CSS/css#name

Cela vous permettra de faire quelque chose comme:

$("#styleChanger").css("color", "#888888");