Nếu bạn cần thay đổi kiểu của một phần tử bằng JavaScript, thường tốt hơn là thay đổi tên lớp và để CSS đã có trên trang có hiệu lực và thay đổi kiểu. Tuy nhiên, có những ngoại lệ cho mọi quy tắc. Ví dụ: bạn có thể muốn thay đổi lớp giả (ví dụ :hover) theo chương trình. Bạn không thể làm điều đó thông qua JavaScript vì cùng một lý do mà các style=""thuộc tính nội tuyến không thể thay đổi các lớp giả.
Bạn sẽ cần đưa một phần tử mới vào trang với các kiểu chính xác trong đó. Tốt nhất nên đưa nó vào cuối trang để nó ghi đè CSS của bạn lên trên nó. Dễ dàng với jQuery:
function injectStyles(rule) ( var div = $(" ", ( html: '-' + rule + '' )).appendTo("body"); )Sử dụng
injectStyles('a:hover ( color: red; )');Bản giới thiệu
Thêm thông tin
- Phong cách tiêm chích trong IE (Ryan Seddon).
- Luồng tràn ngăn xếp.