गतिशील इनलाइन स्टाइलशीट

Question

जेएस और/या jQuery का उपयोग करके गतिशील शैली टैग बनाने का सबसे अच्छा तरीका क्या है?

मैंने कोशिश की यह: "। विधि या संपत्ति का उपयोग करने के लिए अप्रत्याशित कॉल"

var style= jQuery('<style>').text('.test{}'); 

यह एफएफ में काम करता है लेकिन IE7 में एक त्रुटि पॉप

var style = document.createElement('style'); 
style.innerHTML='.test{}'; 

एक ही त्रुटि देता है। इससे कोई फर्क नहीं पड़ता कि मैं innerHTML या innerText का उपयोग करता हूं। अजीब चीज यह है कि स्टाइल टैग जोड़ने से पहले यह एक त्रुटि दिखाता है।

मुझे संदेह है कि cssText इसके साथ कुछ करने के लिए है, लेकिन मुझे यकीन नहीं है कि कैसे।

Answer 1

एक स्टाइलशीट में पाठ जोड़ना जो सही ढंग से प्रस्तुत किया जाएगा अन्य ब्राउज़र की तुलना में IE में एक अलग वाक्यविन्यास की आवश्यकता है। आप ताकि आप मज़बूती से jQuery पाठ संपादन विधियों का उपयोग नहीं कर सकते हैं jQuery

document.addStyle= function(str, hoo, med){ 
    var el= document.createElement('style'); 
    el.type= "text/css"; 
    el.media= med || 'screen'; 
    if(hoo) el.title= hoo; 
    if(el.styleSheet) el.styleSheet.cssText= str;//IE only 
    else el.appendChild(document.createTextNode(str)); 
    return document.getElementsByTagName('head')[0].appendChild(el); 
    } 

Answer 2

मैं जावास्क्रिप्ट के document.styleSheets, और addRule() विधि में देखता हूं।

(अस्वीकरण: मैं वास्तव में कभी उपयोग किया है यह अपने आप)

Answer 3

सीएसएस नियम गतिशील त्रुटिपूर्ण जाएगा, भले ही यह काम किया पैदा करने का यह तरीका। आईई बस <style> तत्वों को अनदेखा कर देगा और 30 से अधिक तत्वों को डाला जाएगा (http://support.microsoft.com/kb/262161 देखें)।

आप जावास्क्रिप्ट के माध्यम से सीएसएस नियमों में हेरफेर करने के उद्देश्य से jquery.rule प्लगइन का उपयोग कर सकते हैं।