Ak potrebujete zmeniť štýl prvku pomocou JavaScriptu, je zvyčajne lepšie zmeniť názov triedy a nechať CSS už na stránke platiť a zmeniť štýl. Z každého pravidla však existujú výnimky. Môžete napríklad programovo zmeniť pseudotriedu (napr. :hover). To nemôžete urobiť pomocou JavaScriptu z rovnakého dôvodu, vďaka čomu vložené style=""atribúty nemôžu meniť pseudotriedy.
Na stránku budete musieť vložiť nový prvok so správnymi štýlmi. Najlepšie je vpichnúť ho do dolnej časti stránky, aby nad ním prepísal váš CSS. Jednoduché s jQuery:
function injectStyles(rule) ( var div = $(" ", ( html: '-' + rule + '' )).appendTo("body"); )Využitie
injectStyles('a:hover ( color: red; )');Ukážka
Viac informácií
- Štýl vstrekovania vtáky v IE (Ryan Seddon).
- Niť pretečenia zásobníka.