यदि आपको जावास्क्रिप्ट के साथ एक तत्व की शैली को बदलने की आवश्यकता है, तो आमतौर पर एक वर्ग नाम बदलना बेहतर होता है और पृष्ठ पर पहले से ही सीएसएस प्रभावी होता है और शैली को बदलता है। हालांकि, हर नियम के अपवाद हैं। उदाहरण के लिए, आप छद्म श्रेणी (जैसे :hover) को प्रोग्रामेटिक रूप से बदलना चाह सकते हैं । आप जावास्क्रिप्ट के माध्यम से एक ही कारण के लिए इनलाइन style=""विशेषताएँ छद्म वर्गों को नहीं बदल सकते हैं।
आपको पृष्ठ पर एक नए तत्व को सही शैलियों के साथ इंजेक्ट करना होगा। पृष्ठ के निचले भाग में इसे इंजेक्ट करने के लिए सबसे अच्छा है, इसलिए यह आपके सीएसएस को इसके ऊपर रखता है। JQuery के साथ आसान:
function injectStyles(rule) ( var div = $(" ", ( html: '-' + rule + '' )).appendTo("body"); )प्रयोग
injectStyles('a:hover ( color: red; )');डेमो
अधिक जानकारी
- आईई (रयान सेडोन) में स्टाइल इंजेक्शन की बोली।
- ढेर अतिप्रवाह धागा।