JavaScript ile bir öğenin stilini değiştirmeniz gerekirse, genellikle bir sınıf adını değiştirmek ve CSS'nin etkin hale gelip stili değiştirmesini sağlamak daha iyidir. Ancak, her kuralın istisnaları vardır. Örneğin, sözde sınıfı programlı olarak değiştirmek isteyebilirsiniz (örneğin :hover). Bunu JavaScript aracılığıyla yapamazsınız, aynı nedenle satır içi style=""öznitelikler sözde sınıfları değiştiremez.
Sayfaya doğru stillere sahip yeni bir öğe eklemeniz gerekecek . Sayfanın altına yerleştirmek en iyisidir, böylece CSS'nizi üstündeki geçersiz kılar. JQuery ile kolay:
function injectStyles(rule) ( var div = $(" ", ( html: '-' + rule + '' )).appendTo("body"); )Kullanım
injectStyles('a:hover ( color: red; )');Demo
Daha fazla bilgi
- IE'de (Ryan Seddon) stil enjeksiyon tuhaflıkları.
- Yığın Taşma ipliği.