Εάν πρέπει να αλλάξετε το στυλ ενός στοιχείου με JavaScript, είναι συνήθως καλύτερο να αλλάξετε ένα όνομα τάξης και να εφαρμόσετε το CSS ήδη στη σελίδα και να αλλάξετε το στυλ. Ωστόσο, υπάρχουν εξαιρέσεις σε κάθε κανόνα. Για παράδειγμα, μπορεί να θέλετε να αλλάξετε μέσω προγραμματισμού την ψευδο-τάξη (π.χ. :hover
). Δεν μπορείτε να το κάνετε μέσω JavaScript για τον ίδιο λόγο τα ενσωματωμένα style=""
χαρακτηριστικά δεν μπορούν να αλλάξουν ψευδοκλάσεις.
Θα πρέπει να εισαγάγετε ένα νέο στοιχείο στη σελίδα με τα σωστά στυλ σε αυτό. Καλύτερα να το εγχύσετε στο κάτω μέρος της σελίδας, ώστε να παρακάμψει το CSS σας πάνω από αυτό. Εύκολο με το jQuery:
function injectStyles(rule) ( var div = $(" ", ( html: '-' + rule + '' )).appendTo("body"); )
Χρήση
injectStyles('a:hover ( color: red; )');
Διαδήλωση
Περισσότερες πληροφορίες
- Ιδιότητες ένεσης στυλ σε IE (Ryan Seddon).
- Νήμα υπερχείλισης στοίβας.