अमान्य काम के साथ त्रिगुट

Question

अगर

मैं इस तरह एक स्टाइलशीट बनाना चाहते हैं बाएं ओर:

var sheet = document.createElement('style'); sheet.type = 'text/css'; 
sheet.innerHTML = data.style; 

लेकिन it seems कि IE अपनी ही वाक्य रचना की जरूरत है। this answer के कोड को आसान बनाने के लिए, मैं

var sheet = document.createElement('style'); sheet.type = 'text/css'; 
(sheet.styleSheet ? sheet.styleSheet.cssText : sheet.innerHTML) = data.style; 

की कोशिश की है लेकिन वह ReferenceError: invalid assignment left-hand side फेंकता है।

फिर

, मैं का उपयोग करना चाहिए ...

var sheet = document.createElement('style'); sheet.type = 'text/css'; 
if(sheet.styleSheet) sheet.styleSheet.cssText = data.style; 
else sheet.innerHTML = data.style; 

... या वहाँ एक आसान विकल्प है?

function setSheetContent(sheet, text) { 
    if(sheet.styleSheet) 
     sheet.styleSheet.cssText = text; 
    else 
     sheet.innerHTML = text; 
} 

var sheet = document.createElement('style'); 
sheet.type = 'text/css'; 
setSheetContent(sheet, data.style); 

या यह लपेट और भी अधिक सुविधा के लिए (यदि आप कभी नहीं किसी मौजूदा चादर की सामग्री बदलना चाहते हैं:

Answer 1

तुम हमेशा कर सकते हैं:

sheet.styleSheet ? sheet.styleSheet.cssText = data.style 
       : sheet.appendChild(document.createTextNode(data.style)); 

FIDDLE

Answer 2

यहाँ समाधान है जो भविष्य देखरेख सोच क्या पृथ्वी पर कोड करता नहीं छोड़ देंगे है)

function stylesheetWithContent(sheet, text) { 
    var sheet = document.createElement('style'); 
    sheet.type = 'text/css'; 
    if(sheet.styleSheet) 
     sheet.styleSheet.cssText = text; 
    else 
     sheet.innerHTML = text; 
    return sheet; 
} 

var sheet = stylesheetWithContent(data.style);