Jos joudut vaihtamaan elementin tyyliä JavaScriptiä käytettäessä, on yleensä parempi vaihtaa luokan nimi ja saada sivulla jo oleva CSS voimaan ja muuttaa tyyli. Jokaiseen sääntöön on kuitenkin poikkeuksia. Haluat esimerkiksi muuttaa ohjelmallisesti näennäisluokan (esim. :hover). Et voi tehdä sitä JavaScriptin kautta samasta syystä sisäiset style=""määritteet eivät voi muuttaa näennäisluokkia.
Sinun on lisättävä sivulle uusi elementti, jossa on oikeat tyylit. Paras pistää se sivun alaosaan, jotta se ohittaa CSS: n sen yläpuolella. Helppo jQueryn kanssa:
function injectStyles(rule) ( var div = $(" ", ( html: '-' + rule + '' )).appendTo("body"); )Käyttö
injectStyles('a:hover ( color: red; )');Demo
Lisää tietoa
- Tyyliinjektio on omituista IE: ssä (Ryan Seddon).
- Pino ylivuotolanka.